JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<svg style="width:0;height:0;overflow:hidden;position:fixed;visibility:hidden" aria-hidden="true" focusable="false"><symbol preserveAspectRatio="xMidYMax meet" viewBox="0 0 56 56" id="icon-facebook"><path d="M39.1,19.4h-7.6v-5c0-1.9,1.2-2.3,2.1-2.3H39V3.8l-7.4,0c-8.2,0-10.1,6.2-10.1,10.1v5.5h-4.8v8.5h4.8v24.1h10 c0,0,0-13.3,0-24.1h6.8L39.1,19.4z"></path></symbol><symbol preserveAspectRatio="xMidYMax meet" viewBox="0 0 56 56" id="icon-twitter"><path d="M52.3,12.8c-1.8,0.8-3.7,1.3-5.6,1.5c2-1.2,3.6-3.1,4.3-5.4c-1.9,1.1-4,1.9-6.2,2.4c-1.8-1.9-4.3-3.1-7.2-3.1 c-5.4,0-9.8,4.4-9.8,9.8c0,0.8,0.1,1.5,0.3,2.2C19.8,19.8,12.5,15.9,7.7,10c-0.8,1.5-1.3,3.1-1.3,4.9c0,3.4,1.7,6.4,4.4,8.2 c-1.6-0.1-3.1-0.5-4.5-1.2c0,0,0,0.1,0,0.1c0,4.8,3.4,8.7,7.9,9.6c-0.8,0.2-1.7,0.3-2.6,0.3c-0.6,0-1.2-0.1-1.8-0.2 c1.3,3.9,4.9,6.7,9.2,6.8c-3.4,2.6-7.6,4.2-12.2,4.2c-0.8,0-1.6,0-2.3-0.1c4.4,2.8,9.5,4.4,15.1,4.4c18.1,0,28-15,28-28 c0-0.4,0-0.9,0-1.3C49.3,16.5,51,14.7,52.3,12.8z"></path></symbol><symbol preserveAspectRatio="xMidYMax meet" viewBox="0 0 56 56" id="icon-twitch"><g><path d="M36.5,43.5H28l-4.2,5.6h-5.6v-5.6H8.2V14.1l2.8-7.2h36.7v25.4L36.5,43.5z M43.5,30.8V11.1H13.9v26.8h8.5v5.6l5.6-5.6h8.5 L43.5,30.8z"></path><path d="M32.2,18.1h4.2v11.3h-4.2V18.1z"></path><path d="M23.8,18.1H28v11.3h-4.2V18.1z"></path></g></symbol></svg>

<div style="height: 0; width: 0; visibility: hidden;">
  <span  id="lorem">loremasdasdasd</span>
</div>

<use xlink:href="#lorem"></use>


<svg class="glx-icon"></svg>

CSS

svg{
  fill: red;
}

#lorem{
  background-color: red;
}