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="33" viewBox="0 0 36 33">
<defs>
<rect id="a" width="24" height="24" y="6" rx="2"/>
<rect id="c" width="20.8" height="20.8" rx="1"/>
<circle id="e" cx="8" cy="8" r="8"/>
<circle id="f" cx="8" cy="8" r="6"/>
</defs>
<g fill="none" fill-rule="evenodd">
<mask id="b" fill="#fff">
<use xlink:href="#a"/>
</mask>
<use fill="#D0021B" fill-rule="nonzero" xlink:href="#a"/>
<g mask="url(#b)">
<g transform="translate(1.6 7.6)">
<mask id="d" fill="#fff">
<use xlink:href="#c"/>
</mask>
<use fill="#D0021B" fill-rule="nonzero" xlink:href="#c"/>
<path fill="#FFF" fill-rule="nonzero" d="M13.545 15.023c-.028-.247-.316-.433-.566-.433a1.955 1.955 0 0 1-1.822-1.206 1.96 1.96 0 0 1 .492-2.176.489.489 0 0 0 .054-.664 8.708 8.708 0 0 0-1.395-1.408.49.49 0 0 0-.668.054c-.525.581-1.467.797-2.195.493a1.955 1.955 0 0 1-1.189-1.91.488.488 0 0 0-.432-.514 8.786 8.786 0 0 0-1.98-.006.49.49 0 0 0-.435.504 1.958 1.958 0 0 1-1.205 1.878c-.72.293-1.655.08-2.179-.496a.49.49 0 0 0-.664-.056 8.741 8.741 0 0 0-1.424 1.407.49.49 0 0 0 .053.669 1.95 1.95 0 0 1 .492 2.196c-.304.723-1.055 1.19-1.915 1.19a.478.478 0 0 0-.508.431 8.816 8.816 0 0 0-.004 2.002c.028.248.325.432.577.432.766-.02 1.502.455 1.81 1.206.309.75.11 1.625-.491 2.176a.49.49 0 0 0-.054.664c.41.52.878.994 1.392 1.408a.49.49 0 0 0 .67-.053c.527-.582 1.469-.798 2.194-.493a1.952 1.952 0 0 1 1.19 1.91.489.489 0 0 0 .433.514 8.747 8.747 0 0 0 1.98.005.49.49 0 0 0 .435-.504 1.956 1.956 0 0 1 1.204-1.877c.724-.295 1.656-.079 2.18.496.174.19.461.212.664.056a8.761 8.761 0 0 0 1.423-1.408.489.489 0 0 0-.052-.669 1.95 1.95 0 0 1-.493-2.195 1.97 1.97 0 0 1 1.8-1.193l.109.003a.49.49 0 0 0 .515-.432 8.808 8.808 0 0 0 .004-2zm-8.731 4.909a3.917 3.917 0 0 1-3.913-3.913 3.917...