Phone Case

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-17.75"
        x2="482.289"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient id="b" x2="482.289" y1="72" y2="72" href="#a" />
    <linearGradient id="c" x2="482.289" y1="136" y2="136" href="#a" />
    <linearGradient id="d" x2="482.289" y1="104" y2="104" href="#a" />
    <linearGradient id="e" x2="482.289" y1="456" y2="456" href="#a" />
    <path
        fill="url(#a)"
        d="M372 0H140a28.031 28.031 0 0 0-28 28v456a28.031 28.031 0 0 0 28 28h232a28.031 28.031 0 0 0 28-28V28a28.031 28.031 0 0 0-28-28zm12 484a12.01 12.01 0 0 1-12 12H140a12.01 12.01 0 0 1-12-12V28a12.01 12.01 0 0 1 12-12h232a12.01 12.01 0 0 1 12 12z"
    />
    <path
        fill="url(#b)"
        d="M184 48a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
    />
    <path
        fill="url(#c)"
        d="M184 112a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
    />
    <path
        fill="url(#d)"
        d="M240 80a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
    />
    <path
        fill="url(#d)"
        d="M260 24h-96a28.031 28.031 0 0 0-28 28v104a28.031 28.031 0 0 0 28 28h96a28.031 28.031 0 0 0 28-28V52a28.031 28.031 0 0 0-28-28zm12 132a12.01 12.01 0 0 1-12 12h-96a12.01 12.01 0 0 1-12-12V52a12.01 12.01 0 0 1 12-12h96a12.01 12.01 0 0 1 12 12z"
    />
    <path
        fill="url(#e)"
        d="M296 432h-80a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-64v-16h64z"
    />
</svg>