JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="vkontakte" viewBox="0 0 35.0207939 20">
<path class="fill-good" fill="#010202" d="M19.037 18.992c.798 0 1.127-.532 1.116-1.2-.04-2.513.938-3.867 2.705-2.103 1.954 1.95 2.358 3.302 4.732 3.302h4.202c3.306 0 .36-3.313-1.97-5.47-2.214-2.054-2.32-2.103-.41-4.573 2.366-3.067 5.46-7.02 2.723-7.02h-5.228c-1.015 0-1.09.593-1.448 1.444-1.308 3.075-3.79 7.063-4.735 6.454-.988-.636-.536-2.797-.46-6.54.02-.988.015-1.668-1.497-2.02-4.133-.957-7.714.927-6.25 1.198 2.062.385 1.864 4.485 1.383 6.41-.836 3.35-3.986-2.654-5.298-5.645-.317-.72-.413-1.3-1.544-1.3H2.783c-.823 0-1.227.378-.94 1.143.288.764 3.596 8.153 7.507 12.368 3.62 3.902 7.198 3.552 9.687 3.552z"/>
</symbol>
</svg>


<svg class="icon__vkontakte" width="35.0207939px" height="20">
  <use xlink:href="#vkontakte"></use>
</svg>

CSS

.fill-good {
  fill:red;
}