JSFiddle - React, Tailwind, and code Playground

by cmoreira

HTML

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

CSS

.svgbg {
  width:200px;
  height:200px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 34' width='100%' height='100%'><path fill='rgb(253,70,0)' d='M1.338 27.366c0.006-1.786 0.486-3.987 2.266-3.987h4.25v3.149h-1.83c-0.006 0 0.269 0.768 0.448 1.35 0.109 0.397 0.333 0.691 0.736 0.717 0.339 0.032 0.653-0.352 0.653-0.352v3.085c0 0.006-0.25 0.685-0.986 0.666-1.408-0.064-1.92-1.158-2.234-3.853-0.179-1.453-0.32-1.613-0.685-1.619-0.301 0-0.64 0.179-0.653 0.998 0 1.184 0.8 1.101 0.8 1.101v3.021c0 0.013-2.765-0.019-2.765-4.275zM1.402 17.811c0.154 1.050 1.018 1.414 1.018 1.414h-0.902v2.938h6.336v-3.2h-3.034c-0.538-0.006-0.774-0.154-0.966-0.352-0.224-0.224-0.384-0.608-0.384-1.037v-0.902h-1.952c0 0.006-0.211 0.467-0.115 1.139zM0.019 11.424v3.168h1.498v1.318h1.952v-1.318h2.586c0.557 0 1.011 0.006 1.453-0.397 0.365-0.358 0.352-0.826 0.352-1.382v-1.382h-4.39v-1.901h-1.952v1.901h-1.498zM1.382 4.506c0.058-5.312 4.864-4.454 4.87-4.454v5.67h1.6v2.317c0-0.006-0.864 0.954-2.566 0.934-3.974-0.032-3.904-4.301-3.904-4.467zM4.653 3.123c-0.006 0.006-1.299-0.134-1.299 1.382-0.006 1.459 1.293 1.299 1.299 1.299v-2.682z'></path></svg>");
}