Web Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 128 128"
>
    <linearGradient
        id="a"
        x1="113.558"
        x2="61.036"
        y1="113.563"
        y2="61.041"
        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>
    <path
        fill="#44c4a1"
        d="M128 64c0 1.5-.1 3-.2 4.5-2.2 31.8-27.6 57.2-59.4 59.4-1.5.1-3 .2-4.5.2C28.7 128 0 99.4 0 64 0 28.7 28.7 0 64 0s64 28.7 64 64z"
    />
    <path
        fill="url(#a)"
        d="M127.8 68.5c-2.2 31.8-27.6 57.2-59.4 59.4L35.9 95.3l60.4-58.4z"
        opacity=".2"
    />
    <path
        fill="#3a556a"
        d="M92.1 35H35.9c-2.3 0-4.2 1.9-4.2 4.2v51.9c0 2.3 1.9 4.2 4.2 4.2h56.2c2.3 0 4.2-1.9 4.2-4.2V39.2c0-2.3-1.9-4.2-4.2-4.2z"
    />
    <path
        fill="#64798a"
        d="M92.1 32.7H35.9c-2.3 0-4.2 1.9-4.2 4.2v51.9c0 2.3 1.9 4.2 4.2 4.2h56.2c2.3 0 4.2-1.9 4.2-4.2V36.9c0-2.3-1.9-4.2-4.2-4.2z"
    />
    <path fill="#ebf0f3" d="M35.9 46.9h56.2v41.9H35.9z" />
    <circle cx="41.4" cy="39.8" r="2.5" fill="#ebf0f3" />
    <circle cx="50.4" cy="39.8" r="2.5" fill="#fcd462" />
    <circle cx="59.4" cy="39.8" r="2.5" fill="#27a2db" />
    <path
        fill="#ebf0f3"
        d="M86.6 37.4H69.9c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5h16.7c1.4 0 2.5-1.1 2.5-2.5-.1-1.4-1.2-2.5-2.5-2.5z"
    />
    <path fill="none" d="M79.5 46.9H91M92.1 48.1v11.2" />
    <path
        fill="#fcd462"
        d="M92.1 48.1v-1.2M48.3 50.4h-8.5c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h8.5c.7 0 1.2-.5 1.2-1.2s-.6-1.2-1.2-1.2z"
    />
    <path
        fill="#e56353"
        d="M61.6 50.4h-8.5c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h8.5c.7 0 1.2-.5 1.2-1.2s-.6-1.2-1.2-1.2z"
    />
    <path
        fill="#27a2db"
        d="M74.9 50.4h-8.5c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h8.5c.7 0 1.2-.5 1.2-1.2s-.6-1.2-1.2-1.2z"
    />
    <path
        fill="#44c4a1"
        d="M88.2 50.4h-8.5c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h8.5c.7 0 1.2-.5 1.2-1.2-.1-.7-.6-1.2-1.2-1.2z"
    />
    <path
        fill="#afafaf"
        d="M48.8 57.2h-9.5c-.4 0-.7.3-.7.7v6.9c0 .4.3.7.7.7h9.5c.4 0 .7-.3.7-.7v-6.9c0-.4-.3-.7-.7-.7z"
    />
    <path
        fill="#27a2db"
        d="M63.9 57.2h-9.5c-.4 0-.7.3-.7.7v6.9c0 .4.3.7.7.7h9.5c.4 0 .7-.3.7-.7v-6.9c-.1-.4-.4-.7-.7-.7z"
    />
    <g fill="#d5d6db">
        <path
            d="M38.6 69h25.9v2.5H38.6zM68.6 57.2h20.8v2.5H68.6zM68.6 62.9h20.8v2.5H68.6zM38.6 75.5h25.9V78H38.6zM38.6 81.9h25.9v2.5H38.6z"
        />
    </g>
    <path
        fill="#e56353"
        d="M88.1 69H69.9c-.5 0-1 .4-1 1v13.5c0 .5.4 1 1 1H88c.5 0 1-.4 1-1V70c0-.6-.4-1-.9-1z"
    />
</svg>