Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M502.92 188.251C473.217 79.747 373.929 0 256 0 114.615 0 0 114.615 0 256c0 117.929 79.747 217.217 188.251 246.92L502.92 188.251z"
        fill="#7acbff"
    />
    <path
        d="m502.92 188.252-89.587-89.587L98.666 413.334l89.586 89.586c21.58 5.908 44.293 9.08 67.748 9.08 141.384 0 256-114.616 256-256 0-23.455-3.172-46.168-9.08-67.748z"
        fill="#2f73a0"
    />
    <path
        d="M256 33.391 200.348 256 256 478.609c122.943 0 222.609-99.665 222.609-222.609S378.943 33.391 256 33.391z"
        fill="#c7e9ff"
    />
    <path
        d="M33.391 256c0 122.943 99.665 222.609 222.609 222.609V33.391C133.057 33.391 33.391 133.057 33.391 256z"
        fill="#fff"
    />
    <path
        d="M307.866 62.448c-.011.024-64.643 86.417-64.643 86.417L256 256l99.17-42.502 42.502-99.17c-25.806-25.804-56.903-43.102-89.806-51.88z"
        fill="#ffb14e"
    />
    <path
        d="m449.526 204.144-86.392 64.633L256 256l141.676-141.673c24.123 24.038 42.405 54.567 51.85 89.817z"
        fill="#ff9356"
    />
    <path
        d="m449.526 307.856-107.134 12.778L256 256l193.532-51.854c8.872 32.879 9.439 68.458-.006 103.71z"
        fill="#ff755c"
    />
    <path
        d="m397.671 397.671-99.17-42.502L256 256l193.529 51.859c-8.755 32.91-26.053 64.007-51.858 89.812z"
        fill="#ff4181"
    />
    <path
        d="m307.856 449.526-64.633-86.392L256 256l141.673 141.676c-24.038 24.123-54.567 42.405-89.817 51.85z"
        fill="#d63d76"
    />
    <path
        d="m204.144 449.526-12.778-107.134L256 256l51.854 193.532c-32.879 8.872-68.458 9.439-103.71-.006z"
        fill="#ad396b"
    />
    <path
        d="m114.328 397.671 42.502-99.17L256 256l-51.859 193.529c-32.91-8.755-64.007-26.053-89.813-51.858z"
        fill="#2f73a0"
    />
    <path
        d="m62.474 307.856 86.392-64.633L256 256 114.324 397.673c-24.123-24.038-42.405-54.567-51.85-89.817z"
        fill="#45a2e0"
    />
    <path
        d="m62.474 204.144 107.134-12.778L256 256 62.468 307.854c-8.872-32.879-9.44-68.458.006-103.71z"
        fill="#7acbff"
    />
    <path
        d="m114.328 114.328 99.17 42.502L256 256 62.47 204.141c8.756-32.91 26.054-64.007 51.858-89.813z"
        fill="#6fa953"
    />
    <path
        d="m204.144 62.474 64.633 86.392L256 256 114.327 114.324c24.038-24.123 54.567-42.405 89.817-51.85z"
        fill="#a7cb5c"
    />
    <path
        d="M204.141 62.447 256 256l51.856-193.526c-35.252-9.446-70.831-8.878-103.715-.027z"
        fill="#ffd86c"
    />
    <path
        d="M256 100.174 217.043 256 256 411.826c86.061 0 155.826-69.766 155.826-155.826S342.061 100.174 256 100.174z"
        fill="#092a40"
    />
    <path
        d="M100.174 256c0 86.061 69.766 155.826 155.826 155.826V100.174c-86.061 0-155.826 69.765-155.826 155.826z"
        fill="#174461"
    />
    <path d="M368.541 256 256 230.029 199.729 256v97.464z" fill="#c7e9ff" />
    <path d="M199.729 158.536V256h168.812z" fill="#fff" />
</svg>