Web Development

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="481"
        y2="31"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5558ff" />
        <stop offset="1" stop-color="#00c0ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="421"
        y2="90.999"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#addcff" />
        <stop offset=".503" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#eaf6ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M497 31H15C6.709 31 0 37.709 0 46v420c0 8.291 6.709 15 15 15h482c8.291 0 15-6.709 15-15V46c0-8.291-6.709-15-15-15z"
    />
    <path
        fill="url(#b)"
        d="M75.999 90.999c-8.284 0-15 6.716-15 15s6.716 15 15 15 15-6.716 15-15-6.715-15-15-15zm120 30c8.284 0 15-6.716 15-15s-6.716-15-15-15-15 6.716-15 15 6.716 15 15 15zM436 91H256c-8.291 0-15 6.709-15 15s6.709 15 15 15h180c8.291 0 15-6.709 15-15s-6.709-15-15-15zm-300.001 29.999c8.284 0 15-6.716 15-15s-6.716-15-15-15-15 6.716-15 15 6.716 15 15 15zm251.91 123.487-30-51.973c-4.197-7.253-13.398-9.569-20.493-5.493l-22.163 12.803A104.86 104.86 0 0 0 301 191.547V166c0-8.291-6.709-15-15-15h-60c-8.291 0-15 6.709-15 15v25.547a103.17 103.17 0 0 0-14.253 8.276l-22.178-12.803a15.152 15.152 0 0 0-11.382-1.494 15.019 15.019 0 0 0-9.111 6.987l-30 51.973c-4.108 7.099-1.735 16.31 5.493 20.493l21.826 12.598c-.249 2.769-.395 5.581-.395 8.423s.146 5.654.396 8.423l-21.826 12.598c-7.224 4.181-9.603 13.392-5.493 20.493l30 51.973c4.252 7.348 13.48 9.492 20.493 5.493l22.178-12.803a104.86 104.86 0 0 0 14.253 8.276V406c0 8.291 6.709 15 15 15h60c8.291 0 15-6.709 15-15v-25.547a104.964 104.964 0 0 0 14.253-8.276l22.163 12.803c7.017 4.001 16.241 1.851 20.493-5.493l30-51.973c4.146-7.178 1.685-16.348-5.493-20.493l-21.812-12.598c.249-2.769.396-5.581.396-8.423s-.146-5.654-.396-8.423l21.812-12.598c7.177-4.145 9.638-13.315 5.492-20.493zM256 331c-24.814 0-45-20.186-45-45s20.186-45 45-45 45 20.186 45 45-20.186 45-45 45z"
    />
</svg>