Quiero colocar algunas imágenes SVG antes de algunos elementos seleccionados. Estoy usando JQuery pero eso es irrelevante. Me gustaría tener el elemento: before como:

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

Si lo hago como se muestra arriba, solo muestra la cadena. Revisé las especificaciones y parece que hay algunas restricciones sobre lo que puede ser el contenido. ¿Hay algún trabajo alrededor de esta restricción? Sólo el contenido css es relevante para mi pregunta.