JSFiddle - React, Tailwind, and code Playground

by Mehmet Demiray

HTML

<div id="one">One, Hover Me</div>
        <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
        	 width="278.084px" height="278.084px" viewBox="0 0 278.084 278.084" style="enable-background:new 0 0 278.084 278.084;"
        	 xml:space="preserve">
            <g>
            	<path d="M11.782,276.831l83.185-32.258c9.5-3.687,23.041-12.508,30.24-19.714L268.145,81.933c13.252-13.253,13.252-34.744,0-47.99
            		L244.143,9.941c-13.246-13.252-34.737-13.252-47.99,0L53.221,152.874c-7.206,7.206-16.03,20.747-19.714,30.24L1.25,266.298
            		C-2.428,275.798,2.289,280.511,11.782,276.831z"/>
            </g>
        </svg>

CSS

#one:hover + svg {
   fill: red;
}