JSFiddle - React, Tailwind, and code Playground

by Rishi Kumar

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36" height="44" viewBox="0 0 36 44"> <defs> <path id="b" d="M60.404 633.857c-1.29-2.087-4.64-3.527-8.96-3.854a.681.681 0 0 0-.52.18 4.62 4.62 0 0 0-.32.344c-.195.228-.398.464-.6.522-.2-.058-.403-.294-.612-.536a4.153 4.153 0 0 0-.309-.332.69.69 0 0 0-.518-.179c-4.318.323-7.671 1.77-8.985 3.896-.204.36-4.954 8.882-1.036 13.84a.69.69 0 0 0 .542.262h21.836a.69.69 0 0 0 .543-.263c3.967-5.018-1-13.774-1.06-13.88zm-9.133 8.894a.512.512 0 0 1-.062.231l-.753 1.397a.52.52 0 0 1-.912 0l-.753-1.397a.52.52 0 0 1-.062-.23l-.266-10.016a.518.518 0 0 1 .212-.432l1.019-.741a.519.519 0 0 1 .61 0l1.02.741c.138.1.218.262.213.432l-.266 10.015zM50.5 629c-4.136 0-7.501-3.365-7.501-7.5s3.365-7.5 7.5-7.5 7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5z"/> <filter id="a" width="165.4%" height="150%" x="-32.7%" y="-19.1%" filterUnits="objectBoundingBox"> <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2.5"/> <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/> </filter> </defs> <g fill="none" fill-rule="nonzero" transform="translate(-32 -611)"> <use fill="#000" filter="url(#a)" xlink:href="#b"/> <use fill="#FFF" fill-rule="evenodd" xlink:href="#b"/> </g></svg>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="41" viewBox="0 0 48 41"> <defs> <path id="b" d="M48.5 514.797h-8.082a6.368 6.368 0 0 1-6.235-5.113l-.001-.001c-.079-.403-.182-.818-.182-1.244 0-2.452 1.496-4.674 3.694-5.718a6.307 6.307 0 0 1 2.75-4.967c1.672-1.152 3.702-1.427 5.68-.786A8.21 8.21 0 0 1 53.133 493c4.507 0 8.174 3.667 8.174 8.174 0 .5-.046.998-.135 1.486 2.311 1.069 3.828 3.3 3.828 5.78 0 3.505-2.913 6.357-6.418 6.357H50.5V518H56a1 1 0 0 1 1 1v1h5.17a3.001 3.001 0 1 1 0 2H57v1a1 1 0 0 1-1 1H43a1 1 0 0 1-1-1v-1h-6.17a3.001 3.001 0 1 1 0-2H42v-1a1 1 0 0 1...