JSFiddle - React, Tailwind, and code Playground

by Vishnuprasad ps

HTML

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53 53">
  <defs>
    <style>
      .cls-1 {
        fill: #6f6f6f;
      }

      .cls-2 {
        fill: #0066b1;
      }
    </style>
  </defs>
  <title>BMW_Grey-Colour_RGB</title>
  <path class="cls-1" d="M26.5,0A26.5,26.5,0,1,0,53,26.5,26.5,26.5,0,0,0,26.5,0ZM51.3,26.5A24.8,24.8,0,1,1,26.5,1.7h0A24.8,24.8,0,0,1,51.3,26.5Z"/>
  <path class="cls-1" d="M26.5,10.8v.8h0A15.1,15.1,0,0,1,41.4,26.5h.8A15.7,15.7,0,0,0,26.5,10.8h0m0,30.6A15.1,15.1,0,0,1,11.6,26.5h-.8A15.7,15.7,0,0,0,26.5,42.2"/>
  <g>
    <path class="cls-1" d="M39.3,15.3a14.2,14.2,0,0,1,1.2,1.3l5.4-3.4-1-1.2-3.4,2.2-.3.2.2-.2,1.5-3-1.1-1.1-3,1.5-.2.2.2-.2L41,8.2,39.8,7.1l-3.4,5.4a7.4,7.4,0,0,1,1.3,1.2L41,12l.2-.2L41,12Z"/>
    <path class="cls-1" d="M27.2,8.5l1.4-3.3v0l.2,4.4,1.5.2-.2-6.5L28,3.1,26.6,6.7v0L25,3.1l-2.2.2-.2,6.5,1.5-.2.2-4.4v0l1.4,3.3Z"/>
    <path class="cls-1" d="M15.3,13.6c.9-.9,1.3-1.9.5-2.9a1.9,1.9,0,0,0-1.9-.4h0a1.7,1.7,0,0,0-.6-1.6,1.2,1.2,0,0,0-1.2-.3c-.8,0-1.4.6-3,2.4s-1.3,1.5-1.7,2.1L12,17.2Zm-6-1A29.6,29.6,0,0,1,11.7,10l.5-.3a.4.4,0,0,1,.6.4h0a.8.8,0,0,1-.3.8l-2.3,2.4Zm1.8,1.7,2.3-2.5.6-.4h.6a.5.5,0,0,1,.2.6,1.6,1.6,0,0,1-.4.7l-2.3,2.5Z"/>
  </g>
  <path class="cls-2" d="M26.5,10.8V26.5H10.8A15.7,15.7,0,0,1,26.5,10.8Z"/>
  <path class="cls-2" d="M42.2,26.5A15.7,15.7,0,0,1,26.5,42.2h0V26.5Z"/>
</svg>