JSFiddle - React, Tailwind, and code Playground

by MashedPotatoes

HTML

<img src="https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_settings_48px-128.png" />

<svg class="img" fill="#000000" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg">
    <path d="M0 0h24v24H0z" fill="none"/>
    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/>
</svg>

CSS

.img {
    /* Do some magic to make it red */
}

/* ignore please */

img {
    display: none;
}