Web Optimization

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="11.515"
        x2="460.485"
        y1="452.485"
        y2="3.515"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".011" stop-color="#dcdce3" />
        <stop offset="1" stop-color="#ededf1" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="96.757"
        x2="375.243"
        y1="196.757"
        y2="-81.728"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".011" stop-color="#606082" />
        <stop offset="1" stop-color="#83839e" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="75.515"
        x2="204.485"
        y1="412.485"
        y2="283.515"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".011" stop-color="#80d1cb" />
        <stop offset="1" stop-color="#bfe8e5" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="327.784"
        x2="481.216"
        y1="481.216"
        y2="327.784"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d46669" />
        <stop offset="1" stop-color="#dd888a" />
    </linearGradient>
    <g>
        <rect width="464" height="448" x="4" y="4" fill="url(#a)" rx="12" />
        <path
            fill="url(#b)"
            d="M456 4H16A12 12 0 0 0 4 16v88h464V16a12 12 0 0 0-12-12z"
        />
        <circle cx="64" cy="52" r="12" fill="#d97779" />
        <circle cx="112" cy="52" r="12" fill="#f9cd55" />
        <circle cx="160" cy="52" r="12" fill="#80d1cb" />
        <g fill="#b8b8c7">
            <path
                d="M216 172H72a12 12 0 0 1 0-24h144a12 12 0 0 1 0 24zM400 172H272a12 12 0 0 1 0-24h128a12 12 0 0 1 0 24zM400 220H72a12 12 0 0 1 0-24h328a12 12 0 0 1 0 24zM304 268H72a12 12 0 0 1 0-24h232a12 12 0 0 1 0 24z"
            />
        </g>
        <rect width="160" height="112" x="60" y="292" fill="url(#c)" rx="12" />
        <path
            fill="url(#d)"
            d="m507.73 378.158-16.23-2.009-5.434-13.118 10.058-12.9a6 6 0 0 0-.489-7.932L466.8 313.368a6 6 0 0 0-7.932-.489l-12.9 10.059-13.117-5.438-2.01-16.233a6 6 0 0 0-5.954-5.263h-40.774a6 6 0 0 0-5.954 5.263l-2.01 16.233-13.118 5.435-12.9-10.059a6 6 0 0 0-7.932.489L313.368 342.2a6 6 0 0 0-.489 7.932l10.059 12.9-5.438 13.117-16.233 2.009a6 6 0 0 0-5.263 5.955v40.774a6 6 0 0 0 5.263 5.955l16.233 2.009 5.435 13.118-10.059 12.9a6 6 0 0 0 .489 7.932l28.835 28.831a6 6 0 0 0 7.932.489l12.9-10.058 13.118 5.434 2.01 16.233a6 6 0 0 0 5.954 5.263h40.774a6 6 0 0 0 5.954-5.263l2.01-16.233 13.118-5.434 12.9 10.058a6 6 0 0 0 7.932-.489l28.83-28.832a6 6 0 0 0 .489-7.932l-10.058-12.9 5.434-13.118 16.233-2.009a6 6 0 0 0 5.263-5.955v-40.773a6 6 0 0 0-5.263-5.955zm-81.341 48.23a30.94 30.94 0 1 1 0-43.776 30.99 30.99 0 0 1 0 43.776z"
        />
    </g>
</svg>