Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <circle cx="255.996" cy="255.996" r="255.996" fill="#ff4f19" />
    <path
        d="M512 256.001c0-31.562-5.726-61.782-16.172-89.699l-47.443-47.442H63.615v274.282l102.687 102.687C194.218 506.274 224.439 512 256.001 512 397.385 512 512 397.385 512 256.001z"
        fill="#ed2400"
    />
    <path d="M63.615 118.855h384.768v274.282H63.615z" fill="#ffec97" />
    <path d="M255.996 118.855H448.38v274.282H255.996z" fill="#ffd400" />
    <path d="M63.615 118.855h384.768v33.252H63.615z" fill="#00d9e0" />
    <path d="M255.996 118.855H448.38v33.252H255.996z" fill="#00b7be" />
    <path d="M80.174 169.658h351.645v202.101H80.174z" fill="#f5f5f5" />
    <path d="M255.996 169.658h175.822v202.101H255.996z" fill="#e1e1e3" />
    <circle cx="371.205" cy="135.48" r="9.13" fill="#394ce2" />
    <circle cx="396.753" cy="135.48" r="9.13" fill="#394ce2" />
    <circle cx="422.289" cy="135.48" r="9.13" fill="#394ce2" />
    <path
        d="M281.544 213.835h124.341v19.989H281.544zM281.544 260.719h124.341v19.989H281.544zM281.544 307.603h124.341v19.989H281.544z"
        fill="#394ce2"
    />
    <path d="M100.162 242.35h139.732v105.376H100.162z" fill="#00f7fd" />
    <path d="M170.023 242.35h69.868v105.376h-69.868z" fill="#00d9e0" />
    <path
        d="M136.23 260.357v87.376h67.595v-87.376l-33.766-17.679h-.028.028z"
        fill="#ff4f19"
    />
    <path
        d="M170.031 242.765v104.968h33.794v-87.376l-34.027-17.592z"
        fill="#ed2400"
    />
    <path d="m136.232 260.357 33.799-66.663 33.797 66.663z" fill="#ffb74f" />
    <path d="M203.828 260.357h-33.797v-66.663z" fill="#ff9a00" />
    <path d="M185.487 224.18h-30.913l15.457-30.486z" fill="#29292b" />
    <path d="m170.031 193.694 15.456 30.486h-15.456z" fill="#171719" />
    <path d="M154.58 260.353h30.908v87.373H154.58z" fill="#f80" />
    <path d="M170.034 260.353h15.454v87.373h-15.454z" fill="#e67500" />
</svg>