JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
  <path fill="#c7edf9" fill-rule="evenodd" d="M4.8 13.8c.1.5.2 1 .5 1.5 2.5 6.1 12 5.2 14.6-.3 2.4-5.2-1.7-10.7-7.1-11.3-3.6-.4-6.4 2-7.5 5.1-.6 1.6-.8 3.4-.5 5"/>
  <path fill="currentColor" d="M18.8 18.2c-.7-.9-1.4-1.7-1.5-1.8-.1-.1-.3-.2-.4-.2 1.8-1.7 2.9-4 2.8-6.3-.1-2.6-1.4-4.9-3.5-6.3-2.4-1.6-5.7-2-8.6-1-3.2 1.1-5 4.4-4.5 8.3.2 1.9.9 3.5 1.9 4.9.4.5.7.9 1.2 1.2 1.3 1.1 3 1.7 4.7 1.7 1.2 0 2.5-.3 3.7-.9.7-.3 1.3-.8 1.9-1.2 0 .1 0 .2.1.3.1.2.6.8 1.5 1.9 1.1 1.3 2.8 3.5 3 3.9.1.2.3.3.5.3h.1c.3 0 .5-.3.4-.6-.1-.2-.3-.4-3.3-4.2zM14.1 17c-2.6 1.3-5.3 1-7.3-.7-.4-.3-.7-.7-1-1.1-1-1.2-1.5-2.8-1.8-4.4-.4-3.4 1.2-6.3 4-7.3 2.5-.9 5.5-.6 7.7.9 1.9 1.3 3 3.3 3.1 5.5.1 2.8-1.8 5.7-4.7 7.1z"/>
</svg>

<svg class="fix" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
  <path d="M4.8 13.8c.1.5.2 1 .5 1.5 2.5 6.1 12 5.2 14.6-.3 2.4-5.2-1.7-10.7-7.1-11.3-3.6-.4-6.4 2-7.5 5.1-.6 1.6-.8 3.4-.5 5"/>
  <path fill="currentColor" d="M18.8 18.2c-.7-.9-1.4-1.7-1.5-1.8-.1-.1-.3-.2-.4-.2 1.8-1.7 2.9-4 2.8-6.3-.1-2.6-1.4-4.9-3.5-6.3-2.4-1.6-5.7-2-8.6-1-3.2 1.1-5 4.4-4.5 8.3.2 1.9.9 3.5 1.9 4.9.4.5.7.9 1.2 1.2 1.3 1.1 3 1.7 4.7 1.7 1.2 0 2.5-.3 3.7-.9.7-.3 1.3-.8 1.9-1.2 0 .1 0 .2.1.3.1.2.6.8 1.5 1.9 1.1 1.3 2.8 3.5 3 3.9.1.2.3.3.5.3h.1c.3 0 .5-.3.4-.6-.1-.2-.3-.4-3.3-4.2zM14.1 17c-2.6 1.3-5.3 1-7.3-.7-.4-.3-.7-.7-1-1.1-1-1.2-1.5-2.8-1.8-4.4-.4-3.4 1.2-6.3 4-7.3 2.5-.9 5.5-.6 7.7.9 1.9 1.3 3 3.3 3.1 5.5.1 2.8-1.8 5.7-4.7 7.1z"/>
</svg>

CSS

svg {
	color: red;
	fill: blue;
}

.fix {
	color: red;
	fill: blue;
}