JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<span>
     <svg viewBox="0 0 32 32" class="icon icon-1">
        <use xlink:href="https://css-tricks.com/examples/svg-for-everybody/images/sprites.svg#icon-undo"></use>
  </svg>
</span>

CSS

.icon {
      width: 100px;
      height: 100px;
}

.icon-1 {fill:red;}
span:hover .icon-1 {fill:blue;}