JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<svg xmlns="http://www.w3.org/2000/svg" style="width:0;height:0;visibility:hidden;">
	<g id="slash">
            <rect width="13.1" height="1" transform="translate(0 9.29289321881345) rotate(-45)" fill="#333" />
    </g>
</svg>

<div class="test"></div>

<style>
    .test {
        height: 10px;
        width: 10px;
        background: pink url('data:image/svg+xml;utf-8,<svg viewBox="0 0 10 10"><use xlink:href="#slash"></use></svg>') no-repeat;
    }
</style>

<svg>
<use xlink:href="#slash"></use>
</svg>