Gibt es eine Möglichkeit, SVG als Inhalt in einem Pseudoelement zu verwenden: Vorher oder Nachher?

Ich möchte einige SVG-Bilder vor ausgewählten Elementen platzieren. Ich verwende JQuery, aber das ist irrelevant. Ich hätte gerne das: before-Element als:

  #mydiv:before {
    content:"<svg.. code here</svg>";
    display:block;
    width:22px;
    height:10px;
    margin:10px 5px 0 10px;
  }

Wenn ich es wie oben gezeigt mache, wird nur die Zeichenfolge angezeigt. Ich habe die Spezifikationen überprüft und es scheint einige Einschränkungen hinsichtlich der Inhalte zu geben. Gibt es eine Lösung für diese Einschränkung? Für meine Frage ist nur das Inhalts-CSS relevant.