Design Process

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="32"
        x2="32"
        y1="63"
        y2="1"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9f2fff" />
        <stop offset="1" stop-color="#0bb1d3" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M13 57h2v2h-2zm-8 2h2v-2H5zm4 0h2v-2H9zm-4-4h10v-2H5zm58-3c0 .999-.555 1.896-1.448 2.342L52.236 59H31v1c0 1.654-1.346 3-3 3H4c-1.654 0-3-1.346-3-3V40c0-1.654 1.346-3 3-3h24c1.654 0 3 1.346 3 3v5h6.11a6.987 6.987 0 0 1-2.031-4H35c-1.654 0-3-1.346-3-3 0-1.307.846-2.41 2.015-2.82l-5.075-6.09a17.022 17.022 0 0 1-3.798-8.818L19.414 26H1v-2h2v-8h2v8h2v-4h2v4h2v-8h2v8h2v-6h2v6h1.586l6.436-6.436C25.256 8.393 32.773 1 42 1c9.374 0 17 7.626 17 17v.207a17.03 17.03 0 0 1-3.94 10.883l-5.074 6.089A2.998 2.998 0 0 1 52 38c0 1.654-1.346 3-3 3h-.08a6.975 6.975 0 0 1-2.031 4h5.346l9.317 4.658A2.603 2.603 0 0 1 63 52zM30.477 27.81 36.468 35h1.182l-7.171-23.561 7.34 2.447L42 10.75l4.181 3.136 7.34-2.447L46.349 35h1.182l5.992-7.19A15.03 15.03 0 0 0 57 18.207V18c0-8.271-6.729-15-15-15S27 9.729 27 18v.207a15.03 15.03 0 0 0 3.477 9.603zM43 18v17h1.259l6.22-20.439-4.66 1.553L42 13.25l-3.819 2.864-4.66-1.553L39.741 35H41V18zm-8 21h14c.551 0 1-.449 1-1s-.449-1-1-1H35c-.551 0-1 .449-1 1s.449 1 1 1zm7 6a5.01 5.01 0 0 0 4.899-4h-9.798A5.01 5.01 0 0 0 42 45zm-11 2v4h20v-4zm-12-6v2h2v-4H11v4h2v-2h2v2h2v-2zm10-1c0-.551-.449-1-1-1h-5v6H9v-6H4c-.551 0-1 .449-1 1v20c0 .551.449 1 1 1h24c.551 0 1-.449 1-1zm2 17h20v-4H31zm30-5a.616.616 0 0 0-.341-.553L53 47.618v8.764l7.658-3.829A.615.615 0 0 0 61 52z"
    />
</svg>