JSFiddle - React, Tailwind, and code Playground

by Mubasshir Pawle

HTML

<svg width="89" viewBox="0 0 119 23" opacity=".6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 22.8592747V.29048595h52.8234393V22.8592747H0z"></path><path id="c" d="M12.5651165 15.2530922H.1777721V.0843051h12.3873444v15.1687871z"></path><path id="e" d="M0 22.9068396h118.31569V.31764564H0z"></path></defs><g fill="none" fill-rule="evenodd"><g transform="translate(0 .027)"><mask id="b" fill="#fff"><use xlink:href="#a"></use></mask><path d="M48.8233692 11.8217184c.3240571 1.4620725-1.7621991 2.6943952-4.5580232 3.1154441.0076025-.6542941.2458146-2.3975954 1.8958766-3.2555819 1.1549484-.5834307 2.5078789-.5557845 2.6621466.1401378m3.2855526 5.2346706c-.3478149 0-2.405245 2.2657197-5.0353976 2.4592433-1.8515287.1474466-2.8433398-1.1859279-2.8433398-2.0537653 5.7053691-.8065072 8.038707-3.038543 8.038707-5.8756182 0-1.9066365-1.6380248-3.90669822-4.3302646-3.90669822-5.9074693 0-7.4792888 5.68972112-7.6665007 9.64916962-.137162 1.7372637-1.1343583 2.0010151-1.9145662 1.9546202-.7802078-.0467126-1.3526137-.7365972-1.2129175-1.9673311l1.1565322-7.82292962c.0142548-.13441787.3177217-1.71533732-.8109347-1.76395655-1.19011-.05116142-2.750209.50112763-3.0172472 2.19167868-.2613364 1.6568671-.3712561 2.6019233-.5819091 3.9470554-.1672552 1.128411-.3775914 2.2727107-.4723061 3.3544092-.2141374 1.0318081-.579058 1.5307113-1.6655838 1.5373845-1.378589-.1429977-1.3478622-1.3486275-1.2030977-2.3658181l.9598173-6.8832756c.0142547-.1347356.3177217-1.7312259-.8109347-1.7798452-1.1901101-.0511614-2.7502091.5166985-3.0172473 2.2072496-.0662052.41946008-.1225905.79284308-.1735907 1.13921538l-.0006336-.0108043c-.2819265 1.9705088-1.208166 2.8491505-2.2642817 2.6146342-1.0564325-.2341985-.5226728-3.1643811-.5176044-3.2015605.3636535-2.44939236-.5109523-3.31119207-2.6418733-2.4001376-1.1220041.4795191-2.2937414 1.71978615-3.0606449...

SCSS

body {
  background: red;
}