Shaving Foam

<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="63"
        y2="1"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9f2fff" />
        <stop offset="1" stop-color="#0bb1d3" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M45 27H19c-1.103 0-2 .897-2 2v26c0 1.103.897 2 2 2h26c1.103 0 2-.897 2-2V29c0-1.103-.897-2-2-2zM19 55V29h26l.002 26zM41 1H23c-4.411 0-8 3.589-8 8v12.101A5.009 5.009 0 0 0 11 26v32c0 2.757 2.243 5 5 5h32c2.757 0 5-2.243 5-5V26a5.01 5.01 0 0 0-4-4.899V9c0-4.411-3.589-8-8-8zM23 3h18c3.309 0 6 2.691 6 6v12h-2.047c-.47-6.33-5.348-11.594-11.725-12.445a14.85 14.85 0 0 1-6.935-2.834L24.906 4.68 20.586 9l2.811 2.811c.388.389.603.906.603 1.457 0 .719-.383 1.396-.998 1.766l-.087.052a8.105 8.105 0 0 0-3.849 5.915H17V9c0-3.309 2.691-6 6-6zm1.811 7.396L23.414 9l1.68-1.68a16.837 16.837 0 0 0 7.871 3.217c5.387.719 9.524 5.131 9.989 10.463h-21.86a6.088 6.088 0 0 1 2.848-4.199l.086-.052h.001A4.081 4.081 0 0 0 26 13.268a4.039 4.039 0 0 0-1.189-2.872zM51 26v32c0 1.654-1.346 3-3 3H16c-1.654 0-3-1.346-3-3V26c0-1.654 1.346-3 3-3h32c1.654 0 3 1.346 3 3zM21 37h22v-6H21zm2-4h18v2H23zm14 12h-.035a4.083 4.083 0 0 0-3.07-3.557 2.092 2.092 0 0 1-1.484-1.375l-.915-2.745-2.215 1.772a11.38 11.38 0 0 0-4.202 7.715A3.208 3.208 0 0 0 23 49.802 3.202 3.202 0 0 0 26.198 53H37c2.206 0 4-1.794 4-4s-1.794-4-4-4zm0 6H26.198a1.199 1.199 0 0 1-.235-2.373l3.233-.646-.393-1.961-1.647.329a9.387 9.387 0 0 1 3.348-5.672l.008.024a4.085 4.085 0 0 0 2.896 2.682A2.093 2.093 0 0 1 34.952 45H33v2h4c1.103 0 2 .897 2 2s-.897 2-2 2zm-12.707-8.293-3-3 1.414-1.414 3 3zm13 0-3-3 1.414-1.414 3 3zm2.414-4.414 3 3-1.414 1.414-3-3z"
    />
</svg>