Html

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="4"
        x2="60"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9d3adf" />
        <stop offset=".206" stop-color="#8542d8" />
        <stop offset=".639" stop-color="#4857c6" />
        <stop offset="1" stop-color="#106ab6" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M4 17.64V53a5.002 5.002 0 0 0 5 5h46a5.002 5.002 0 0 0 5-5V17.64zm16.08 26.18a1 1 0 0 1-2 0v-5h-4.53v5a1 1 0 0 1-2 0v-12a1 1 0 0 1 2 0v5h4.53v-5a1 1 0 0 1 2 0zm9.79-11H27.6v11a1 1 0 0 1-2 0v-11h-2.26a1 1 0 1 1 0-2h6.53a1 1 0 0 1 0 2zm11.79 11a1 1 0 1 1-2 0v-7.49l-1.36 2.91a.996.996 0 0 1-1.81 0l-1.36-2.91v7.49a1 1 0 0 1-2 0v-12a.994.994 0 0 1 .79-.97.978.978 0 0 1 1.12.55l2.36 5.05 2.35-5.05a.985.985 0 0 1 1.13-.55.996.996 0 0 1 .78.97zm9.79 1h-6.53a1.003 1.003 0 0 1-1-1v-12a1 1 0 0 1 2 0v11h5.53a1 1 0 0 1 0 2zM55 6H9a5.002 5.002 0 0 0-5 5v4.64h56V11a5.002 5.002 0 0 0-5-5zm-35 5.82h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zm24 0a1 1 0 0 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 0 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 0 1 0-2 1 1 0 0 1 0 2z"
    />
</svg>