JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79 72"><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="user-ban"><path d="M69,63.45v7A1.5,1.5,0,0,1,67.5,72H1.5A1.5,1.5,0,0,1,0,70.5v-7C0,60.29.6,59,3,57.62c1.93-1.09,14.9-8.55,21-11.17V35.15c-1.87-1.36-3-3.47-3-6.7V19.5C21,12.08,25.5,6,34.5,6S48,12.08,48,19.5v9c0,3.2-1.13,5.3-3,6.67V46.45c6.47,2.62,19.07,10.08,21,11.17C68.4,59,69,60.29,69,63.45Zm9.84-41.23a.88.88,0,0,1,.16.45v4c0,1.47-4.48,2.66-10,2.66s-10-1.19-10-2.66v-4a.88.88,0,0,1,.16-.45C61.9,23.89,67.58,24,69,24S76.1,23.89,78.84,22.22ZM69,17.33c-1.42,0-7.1-.11-9.84-1.78A.91.91,0,0,0,59,16v4c0,1.47,4.48,2.67,10,2.67S79,21.47,79,20V16a.91.91,0,0,0-.16-.45C76.1,17.22,70.42,17.33,69,17.33Zm0-6.66c-1.42,0-7.1-.11-9.84-1.78a.85.85,0,0,0-.16.44v4C59,14.81,63.48,16,69,16s10-1.19,10-2.67v-4a.85.85,0,0,0-.16-.44C76.1,10.56,70.42,10.67,69,10.67Zm10-8v4c0,1.47-4.48,2.66-10,2.66S59,8.14,59,6.67v-4C59,1.19,63.48,0,69,0S79,1.19,79,2.67ZM73.3,2c0-.48-1.92-.86-4.3-.86s-4.3.38-4.3.86,1.92.86,4.3.86S73.3,2.48,73.3,2Z"/></g></g></g></svg>




<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.71 71"><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="user-ban"><path d="M69,62.45v7A1.5,1.5,0,0,1,67.5,71H1.5A1.5,1.5,0,0,1,0,69.5v-7C0,59.29.6,58,3,56.62c1.93-1.09,14.9-8.55,21-11.17V34.15c-1.87-1.36-3-3.47-3-6.7V18.5C21,11.08,25.5,5,34.5,5S48,11.08,48,18.5v9c0,3.2-1.13,5.3-3,6.67V45.45c6.47,2.62,19.07,10.08,21,11.17C68.4,58,69,59.29,69,62.45Z"/></g><g id="cogwheel"><path...

CSS

#user-ban_2_{
  display: inline-block;
  width: 25px;
  height: 25px;
  fill:red;
}