JSFiddle - React, Tailwind, and code Playground

by Oleh Kotsubko

HTML

<div class="wrapper">
  <span
  class="icon"
  data-svg='<svg height="100" width="100"<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red"/>
</svg>'>
  icon
  </span>
</div>

CSS

.wrapper {
  background: #000;
  height: 200px;
  color: #fff;
}

.icon::before {
  content: attr(data-svg);
}