Existe uma maneira de usar o SVG como conteúdo em um pseudoelemento: antes ou: depois

Eu quero colocar algumas imagens SVG antes de alguns elementos selecionados. Estou usando o JQuery, mas isso é irrelevante. Eu gostaria de ter o elemento antes de ser como:

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

Se eu fizer isso como mostrado acima, basta exibir a string. Eu verifiquei as especificações e parece haver algumas restrições sobre o conteúdo que pode ser. Existe um trabalho em torno dessa restrição? Apenas o conteúdo css é relevante para minha pergunta.

questionAnswers(6)

yourAnswerToTheQuestion