Design Process

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 128 128"
>
    <linearGradient
        id="a"
        x1="124.751"
        x2="67.68"
        y1="127.287"
        y2="70.216"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".061" stop-color="#fff" stop-opacity="0" />
        <stop offset=".162" stop-color="#cdcdcd" stop-opacity=".108" />
        <stop offset=".284" stop-color="#979797" stop-opacity=".237" />
        <stop offset=".407" stop-color="#696969" stop-opacity=".369" />
        <stop offset=".53" stop-color="#434343" stop-opacity=".499" />
        <stop offset=".651" stop-color="#262626" stop-opacity=".628" />
        <stop offset=".771" stop-color="#111" stop-opacity=".756" />
        <stop offset=".888" stop-color="#040404" stop-opacity=".881" />
        <stop offset="1" />
    </linearGradient>
    <circle cx="64" cy="64" r="64" fill="#e56353" />
    <path
        fill="url(#a)"
        d="m90.9 35.9-2.2 2.8-8.4-8.4-1 9 5 5-2 2.5L65 29.6l-1 9 13.7 13.7-2.1 2.6-25.3-25.3-1 9 21.9 21.9-31 38.7L67.9 128c30.8-1.8 55.7-25.3 59.6-55.5z"
        opacity=".2"
    />
    <path
        fill="#ebf0f3"
        d="M87.9 32.9H40.1c-1.7 0-3 1.3-3 3v60.3c0 1.7 1.3 3 3 3h47.8c1.7 0 3-1.3 3-3V35.9c0-1.7-1.4-3-3-3z"
    />
    <circle cx="48.9" cy="38.4" r="2.8" fill="#3a556a" />
    <path
        fill="#44c4a1"
        d="M48.9 39.4c-.7 0-1.3-.6-1.3-1.3v-7.9c0-.7.6-1.3 1.3-1.3.7 0 1.3.6 1.3 1.3v7.9c.1.8-.5 1.3-1.3 1.3z"
    />
    <circle cx="63.9" cy="38.4" r="2.8" fill="#3a556a" />
    <path
        fill="#44c4a1"
        d="M63.9 39.4c-.7 0-1.3-.6-1.3-1.3v-7.9c0-.7.6-1.3 1.3-1.3.7 0 1.3.6 1.3 1.3v7.9c0 .8-.6 1.3-1.3 1.3z"
    />
    <circle cx="78.9" cy="38.4" r="2.8" fill="#3a556a" />
    <path
        fill="#44c4a1"
        d="M78.9 39.4c-.7 0-1.3-.6-1.3-1.3v-7.9c0-.7.6-1.3 1.3-1.3.7 0 1.3.6 1.3 1.3v7.9c0 .8-.6 1.3-1.3 1.3z"
    />
    <path fill="#e56353" d="M44.6 61.2h10v17.2h-10z" />
    <path fill="#27a2db" d="M58.8 61.2h10v17.2h-10z" />
    <path fill="#f6c358" d="M73.1 61.2h10v17.2h-10z" />
    <g fill="#d5d6db">
        <path
            d="M44.6 83.3h38.5v2H44.6zM44.6 88.6h38.5v2H44.6zM44.6 48.9h23.5v2H44.6zM44.6 54.3h38.5v2H44.6z"
        />
    </g>
</svg>