JSFiddle - React, Tailwind, and code Playground

by Oski Krawczyk

HTML

<svg width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-untitled" viewBox="0 0 32 32">
<path class="path1" d="M16 0q6.603 0 11.302 4.698t4.698 11.302-4.698 11.302-11.302 4.698-11.302-4.698-4.698-11.302 4.698-11.302 11.302-4.698zM16 29.714q5.651 0 9.683-4.032t4.032-9.683-4.032-9.683-9.683-4.032-9.683 4.032-4.032 9.683 4.032 9.683 9.683 4.032zM16 16v-9.143h2.286v11.429h-9.143v-2.286h6.857z"></path>
</symbol>
</defs>
</svg>


<svg class="icon icon-untitled"><use xlink:href="#icon-untitled"></use></svg>

CSS

.icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	fill: red;
}