Face Mask

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="17.638"
        x2="17.638"
        y1="63.122"
        y2="17.895"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1a125f" />
        <stop offset=".205" stop-color="#423795" />
        <stop offset=".681" stop-color="#ed1a58" />
        <stop offset="1" stop-color="#54c2ef" />
    </linearGradient>
    <linearGradient id="b" x1="21" x2="21" y1="63.122" y2="17.895" href="#a" />
    <linearGradient id="c" x1="23" x2="23" y1="63.122" y2="17.895" href="#a" />
    <linearGradient
        id="d"
        x1="46.371"
        x2="46.371"
        y1="63.122"
        y2="17.895"
        href="#a"
    />
    <linearGradient id="e" x1="32" x2="32" y1="63.122" y2="17.895" href="#a" />
    <path
        fill="url(#a)"
        d="M31.009 55V24H31a3 3 0 0 1-3-3v-.793a19.037 19.037 0 0 0-10.024 5.751L17 27.025V14a6 6 0 1 0-12 0v26.561a6.955 6.955 0 0 0 1.408 8.127l1.241 1.2A34.926 34.926 0 0 0 28 59.57V58a3 3 0 0 1 3-3zM7 37.966V14a4 4 0 0 1 8 0v15.213zM23 52h-7a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3h7a6 6 0 0 1 0 12z"
    />
    <path
        fill="url(#b)"
        d="M23 42h-7a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h7a4 4 0 0 0 0-8zm0 7a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
    />
    <circle cx="23" cy="46" r="1" fill="url(#c)" />
    <path
        fill="url(#d)"
        d="M59 40.561V14a6 6 0 0 0-12 0v13.025l-.976-1.067A19.044 19.044 0 0 0 36 20.207V21a3 3 0 0 1-2.99 3v31A3 3 0 0 1 36 58v1.57a34.929 34.929 0 0 0 20.352-9.679l1.241-1.2A6.956 6.956 0 0 0 59 40.561zM49 29.213V14a4 4 0 1 1 8 0v23.966z"
    />
    <g fill="url(#e)">
        <path
            d="M31 22h2a1 1 0 0 0 1-1v-1.117a18.573 18.573 0 0 0-4 0V21a1 1 0 0 0 1 1zM33 57h-2a1 1 0 0 0-1 1v1.746a34.661 34.661 0 0 0 4 0V58a1 1 0 0 0-1-1z"
        />
    </g>
</svg>