JSFiddle - React, Tailwind, and code Playground

by cleaver

HTML

<svg width="5000" height="5000" viewBox="0 0 5000 5000" xmlns="http://www.w3.org/2000/svg">
  <path d="M483-145c266 0 483 216 483 483 0 266-217 483-483 483-267 0-483-217-483-483 0-267 216-483 483-483z m286 617l-316-310-36-36-36 36-149 145 72 74 113-110 280 274 72-73z" fill="#C7E4FF"/>
</svg>


<svg width="80" height="80" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="80" height="80" rx="8" fill="#0049FF"/>
    <path d="M47.316 48.45V53h-6.72v-4.55H29.57v-5.32l8.925-13.72h8.82v13.965h3.955v5.075h-3.955Zm-6.44-5.075v-2.38c0-2.427.082-4.702.245-6.825h-.07a67.397 67.397 0 0 1-3.535 5.95l-2.135 3.255h5.495Z" fill="#C7E4FF"/>
    <rect width="80" height="80" rx="8" stroke="#CFFFFE"/>
</svg>