JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<div class="block">
  <svg width="44px" height="44px" viewBox="0 0 44 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg-icon">
    <path d="M23.618 19.845c.012-.019.028-.041.044-.063v.063h-.044zM37.304 36.83h-6.646V26.203c0-2.672-.963-4.494-3.366-4.494-1.84 0-2.93 1.23-3.41 2.416-.177.425-.221 1.017-.221 1.61V36.83h-6.645s.087-18.003 0-19.866h6.646v2.817c.882-1.354 2.458-3.284 5.988-3.284 4.374 0 7.654 2.837 7.654 8.942v11.39zM10.016 14.25h-.045c-2.229 0-3.674-1.524-3.674-3.433 0-1.947 1.488-3.43 3.761-3.43 2.274 0 3.673 1.482 3.717 3.43 0 1.91-1.443 3.434-3.759 3.434zm-3.325 22.58h6.648V16.966H6.691V36.83zM40.751 0H3.25C1.455 0 0 1.41 0 3.152v37.695C0 42.588 1.456 44 3.251 44h37.5C42.547 44 44 42.588 44 40.847V3.152C44 1.412 42.547 0 40.75 0z" fill="" fill-rule="evenodd"></path>
</svg>
</div>

CSS

.block svg {
  fill: red;
}