JSFiddle - React, Tailwind, and code Playground
by joshmoto
HTML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1264.8 1264.8">
<rect x="182.4" y="182.4" width="900" height="900" style="fill:#1d1d1b" />
<path d="M437.6,426a27.2,27.2,0,0,0-13.7,17.3L450,450Z" transform="translate(182.4 182.4)" style="fill:#1d1d1b" />
<path d="M461,425.4a26.4,26.4,0,0,0-22,0L450,450Z" transform="translate(182.4 182.4)" style="fill:#1d1d1b" />
<path d="M471.6,466.2A26.7,26.7,0,0,0,477,450a30.7,30.7,0,0,0-.5-5.3L450,450Z" transform="translate(182.4 182.4)" style="fill:#1d1d1b" />
<path d="M429.4,467.4a26.8,26.8,0,0,0,19.9,9.6l.7-27Z" transform="translate(182.4 182.4)" style="fill:#1d1d1b" />
<path d="M450.7,477a26.8,26.8,0,0,0,19.9-9.6L450,450Z" transform="translate(182.4 182.4)" style="fill:#1d1d1b" />
<path d="M476.1,443.3A27.2,27.2,0,0,0,462.4,426L450,450Z" transform="translate(182.4 182.4)" style="fill:#1d1d1b" />
<path d="M428.4,466.2,450,450l-26.5-5.3a30.7,30.7,0,0,0-.5,5.3A26.7,26.7,0,0,0,428.4,466.2Z" transform="translate(182.4 182.4)" style="fill:#1d1d1b" />
<path d="M784.5,308.7A364.5,364.5,0,1,0,813,450,363.7,363.7,0,0,0,784.5,308.7ZM737.7,666.6l-12.5,15.7-2.4-2c-6.4,7.6-13.2,15-20.4,22.1A354.3,354.3,0,0,1,459.9,806.9V810H440v-3.1A354.3,354.3,0,0,1,197.6,702.4c-7.2-7.1-14-14.5-20.4-22.1l-2.4,2-12.5-15.7,2.5-1.8A354.3,354.3,0,0,1,93,450a359.9,359.9,0,0,1,6.8-69.8l-3-.6,4.5-19.5,2.9.8a353.4,353.4,0,0,1,93.4-163.3,358,358,0,0,1,88.6-65l-1.4-2.6,18-8.7L304,124a359.3,359.3,0,0,1,292,0l1.2-2.7,18,8.7-1.4,2.6a358,358,0,0,1,88.6,65,353.4,353.4,0,0,1,93.4,163.3l2.9-.8,4.5,19.5-3,.6A359.9,359.9,0,0,1,807,450a354.3,354.3,0,0,1-71.8,214.8Z" transform="translate(182.4 182.4)" style="fill:#1d1d1b" />
<path d="M423,450a30.7,30.7,0,0,1,.5-5.3l-5.9-1.1a33.1,33.1,0,0,0-.6,6.4,32.6,32.6,0,0,0,6.7,19.8l4.7-3.6A26.7,26.7,0,0,1,423,450Z" transform="translate(182.4 182.4)" style="fill:#1d1d1b" />
<path d="M437.6,426l-2.7-5.3A33.2,33.2,0,0,0,418,441.8l5.9,1.5A27.2,27.2,0,0,1,437.6,426Z" transform="translate(182.4 182.4)"...