JSFiddle - React, Tailwind, and code Playground

by Vika_vasilyeva

HTML

<svg class="qualities-list__img" width="82" height="82">
    <use xlink:href="#icon"></use>
  </svg>

<svg>
<symbol id="icon" xmlns="http://www.w3.org/2000/svg" width="82" height="82" viewBox="0 0 82 82">
  <g id="ico-qualities-1" transform="translate(-1998.922 -104.115)">
    <g id="_19" data-name="19">
      <ellipse id="Ellipse_3" data-name="Ellipse 3" cx="24.429" cy="24.429" rx="24.429" ry="24.429" transform="translate(2015.493 120.686)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="3.177"/>
      <ellipse id="Ellipse_4" data-name="Ellipse 4" cx="39.411" cy="39.411" rx="39.411" ry="39.411" transform="translate(2000.51 105.703)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="3.177"/>
      <line id="Line_139" data-name="Line 139" x1="14.534" transform="translate(2063.63 138.095)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="3.177"/>
      <line id="Line_140" data-name="Line 140" x1="10.9" transform="translate(2067.263 152.122)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="3.177"/>
      <line id="Line_141" data-name="Line 141" x1="10.913" transform="translate(2001.68 138.095)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="3.177"/>
      <line id="Line_142" data-name="Line 142" x1="14.522" transform="translate(2001.68 152.122)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="3.177"/>
      <line id="Line_143" data-name="Line 143" y1="14.534" transform="translate(2046.935 168.816)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="3.177"/>
      <line id="Line_144" data-name="Line 144" y1="10.9" transform="translate(2032.908 172.45)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="3.177"/>
      <line id="Line_145" data-name="Line 145" y1="10.913" transform="translate(2046.935 106.866)" fill="none"  stroke-linecap="round" stroke-linejoin="round"...

CSS

.qualities-list__img {
  stroke: red;
}