Design Process

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#289bc3"
        d="M256 456c-110.28 0-200-89.72-200-200S145.72 56 256 56s200 89.72 200 200-89.72 200-200 200zm0-384C154.542 72 72 154.542 72 256s82.542 184 184 184 184-82.542 184-184S357.458 72 256 72z"
    />
    <circle cx="256" cy="256" r="96" fill="#ff6e91" />
    <path
        fill="#d7e6f0"
        d="M317.714 256c0-2.072-.107-4.118-.311-6.135-.325-3.211 1.287-6.305 4.082-7.919l.007-.004a8.253 8.253 0 0 0 3.021-11.274l-12.318-21.336a8.254 8.254 0 0 0-11.274-3.021l-.013.007c-2.794 1.613-6.279 1.462-8.897-.423a61.6 61.6 0 0 0-10.647-6.159c-2.932-1.324-4.793-4.267-4.793-7.484a8.253 8.253 0 0 0-8.253-8.253h-24.636a8.253 8.253 0 0 0-8.253 8.253c0 3.217-1.861 6.16-4.793 7.484a61.6 61.6 0 0 0-10.647 6.159c-2.618 1.885-6.103 2.036-8.897.423l-.013-.007a8.253 8.253 0 0 0-11.274 3.021l-12.318 21.336a8.253 8.253 0 0 0 3.021 11.274l.007.004c2.795 1.614 4.406 4.708 4.082 7.919-.204 2.018-.311 4.064-.311 6.135s.107 4.118.311 6.135c.325 3.211-1.287 6.305-4.082 7.919l-.007.004a8.253 8.253 0 0 0-3.021 11.274l12.318 21.336a8.254 8.254 0 0 0 11.274 3.021l.013-.007c2.794-1.613 6.279-1.462 8.897.423a61.53 61.53 0 0 0 10.647 6.158c2.932 1.324 4.793 4.267 4.793 7.484a8.253 8.253 0 0 0 8.253 8.253h24.636a8.253 8.253 0 0 0 8.253-8.253c0-3.217 1.861-6.16 4.793-7.484a61.622 61.622 0 0 0 10.647-6.158c2.618-1.885 6.103-2.036 8.897-.423l.013.007a8.253 8.253 0 0 0 11.274-3.021l12.318-21.336a8.253 8.253 0 0 0-3.021-11.274l-.007-.004c-2.795-1.614-4.406-4.708-4.082-7.919.204-2.017.311-4.063.311-6.135z"
    />
    <circle cx="256" cy="256" r="24" fill="#ff6e91" />
    <circle cx="112" cy="400" r="80" fill="#289bc3" />
    <path
        fill="#00d2d2"
        d="M170.182 450.909c0-20.083-16.281-36.364-36.364-36.364H90.182c-20.083 0-36.364 16.281-36.364 36.364v3.994C68.404 470.354 89.075 480 112 480s43.596-9.646 58.182-25.097z"
    />
    <path
        fill="#d7e6f0"
        d="M112 450.909c-12.05 0-21.818-9.768-21.818-21.818v-14.546h43.636v14.546c0 12.05-9.768 21.818-21.818 21.818z"
    />
    <circle cx="112" cy="370.909" r="36.364" fill="#fab991" />
    <circle cx="112" cy="112" r="80" fill="#00d2d2" />
    <circle cx="400" cy="112" r="80" fill="#289bc3" />
    <circle cx="400" cy="400" r="80" fill="#00d2d2" />
    <path fill="#ff8caf" d="M72 181.271a79.445 79.445 0 0 0 24 9.125V136H72z" />
    <path
        fill="#ff6e91"
        d="M128 136H96v54.396c5.17 1.05 10.52 1.604 16 1.604s10.83-.554 16-1.604z"
    />
    <path
        fill="#e64178"
        d="M128 190.396a79.445 79.445 0 0 0 24-9.125V136h-24z"
    />
    <path
        fill="#463c4b"
        d="M104.717 64.022 101.091 72h21.818l-3.626-7.978c-2.842-6.252-11.724-6.252-14.566 0z"
    />
    <path fill="#fab991" d="m152 136-29.091-64h-21.818L72 136z" />
    <path fill="#f0915a" d="M122.909 72H112v64h40z" />
    <path
        fill="#00d2d2"
        d="M440 136h-2.584l-29.988-74.971A8 8 0 0 0 400 56h-16a8 8 0 0 0 0 16h4.184l-25.6 64H360a8 8 0 0 0 0 16h16a8 8 0 0 0 8-8 7.992 7.992 0 0 0-4.508-7.189l3.549-8.874c.315.038.634.063.959.063h32c.325 0 .644-.025.959-.063l3.549 8.874A7.992 7.992 0 0 0 416 144a8 8 0 0 0 8 8h7.976l.026.002.042-.002H440a8 8 0 0 0 0-16zm-50.584-24L400 85.541 410.584 112z"
    />
    <path
        fill="#d7e6f0"
        d="m341.657 394.343 3.716-3.716a77.254 77.254 0 0 1 109.254 0l3.716 3.716a8 8 0 0 1 0 11.314l-3.716 3.716a77.254 77.254 0 0 1-109.254 0l-3.716-3.716a8 8 0 0 1 0-11.314z"
    />
    <circle cx="400" cy="400" r="32" fill="#289bc3" />
    <circle cx="400" cy="400" r="16" fill="#555a6e" />
    <circle cx="390.667" cy="390.667" r="9.333" fill="#d7e6f0" />
</svg>