JSFiddle - React, Tailwind, and code Playground

by Terrance Smith

HTML

<svg id="yt-logo-red-svg" class="external-icon" viewBox="0 0 98 24" style="width:1000px;">
      <g id="yt-logo-red" viewBox="0 0 98 24" preserveAspectRatio="xMidYMid meet">
        <g>
          <path fill="#FF0000" d="M28.4,5.12c-0.34-1.24-1.31-2.2-2.55-2.52C23.62,2,14.68,2,14.68,2S5.75,2,3.52,2.6
            C2.29,2.93,1.33,3.89,1,5.12C0.59,7.39,0.39,9.69,0.4,12c-0.01,2.31,0.19,4.61,0.6,6.88c0.33,1.23,1.29,2.19,2.52,2.52
            C5.75,22,14.68,22,14.68,22s8.93,0,11.16-0.6c1.24-0.32,2.22-1.28,2.56-2.52c0.41-2.27,0.61-4.57,0.6-6.88
            C29.01,9.69,28.81,7.39,28.4,5.12z"/>
          <polygon fill="#FFFFFF" points="11.83,16.29 19.25,12 11.83,7.71"/>
        </g>
      </g>
    </svg>