Web Design

<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="18"
        y2="4"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#54a5ff" />
        <stop offset="1" stop-color="#8ad3fe" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="7.79"
        x2="56.21"
        y1="62.62"
        y2="14.21"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d3e6f5" />
        <stop offset="1" stop-color="#f0f7fc" />
    </linearGradient>
    <linearGradient id="d" x1="14" x2="20" y1="43" y2="43" href="#a" />
    <linearGradient
        id="b"
        x1="25"
        x2="50"
        y1="48.5"
        y2="48.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fe9661" />
        <stop offset="1" stop-color="#ffb369" />
    </linearGradient>
    <linearGradient id="e" x1="33" x2="33" y1="39" y2="25" href="#b" />
    <linearGradient
        id="f"
        x1="37.25"
        x2="47.75"
        y1="37.25"
        y2="26.75"
        href="#a"
    />
    <path fill="url(#a)" d="M60 6v12H4V6a2 2 0 0 1 2-2h52a2 2 0 0 1 2 2z" />
    <path fill="url(#c)" d="M60 18v40a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V18z" />
    <path
        fill="#4795ea"
        d="M20 30v3h-6v-3a1.78 1.78 0 0 1 1.5-2h3a1.78 1.78 0 0 1 1.5 2z"
    />
    <path
        fill="url(#d)"
        d="M20 33v16.53l-2.42 3.16a.7.7 0 0 1-1.16 0L14 49.53V33z"
    />
    <rect width="25" height="9" x="25" y="44" fill="url(#b)" rx="2" />
    <g fill="#eb7f58">
        <path
            d="M30 51v2h-2v-2a1 1 0 0 1 2 0zM34 51v2h-2v-2a1 1 0 0 1 2 0zM38 51v2h-2v-2a1 1 0 0 1 2 0zM42 51v2h-2v-2a1 1 0 0 1 2 0zM44 53v-2a1 1 0 0 1 2 0v2z"
        />
    </g>
    <circle cx="33" cy="32" r="7" fill="url(#e)" />
    <path fill="url(#f)" d="M46 25v14l-14-7z" />
    <rect width="30" height="6" x="8" y="8" fill="#54a5ff" rx="2" />
    <path fill="#4795ea" d="M49 13a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
    <path fill="#eb7f58" d="M43 13a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
    <path fill="#d7e9f7" d="M55 13a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
</svg>