Shaving Foam

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="19.386"
        x2="44.62"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00c0ff" />
        <stop offset="1" stop-color="#5558ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M23.308 14.438V9.705a2.919 2.919 0 0 1 2.689-3.1H27.9A2.935 2.935 0 0 1 30.824 4h1.932a2.945 2.945 0 0 1 2.941 2.932v3.417h-3.062a.934.934 0 0 0 0 1.867c.72.003 2.326-.003 3.062 0v2.222c-.14-.019-12.116-.057-12.39 0zm13.836 6.844v-3.137a1.88 1.88 0 0 0-1.867-1.868h-11.54a1.876 1.876 0 0 0-1.867 1.868v3.137c.299-.066 14.976-.066 15.274 0zm7.17 34.227a3.164 3.164 0 0 0-1.288-1.419 3.03 3.03 0 0 0-1.036-4.173 3.17 3.17 0 0 0-2.801-4.79h-3.8c-1.296-.018-1.239-1.063-1.232-1.83a.962.962 0 0 0-1.54-.868c-2.073 1.624-3.203 3.324-3.362 5.041a4.586 4.586 0 0 0 .43 2.344 3.117 3.117 0 0 0-1.242 4.304A3.161 3.161 0 0 0 30.049 60h11.4a3.175 3.175 0 0 0 2.866-4.49zM27.5 49.151c-.563-3.203.907-5.74 3.968-8.188a2.821 2.821 0 0 1 4.565 2.297c.773 0 3.455.009 3.595.018V26.463a3.437 3.437 0 0 0-3.417-3.407H22.794a3.436 3.436 0 0 0-3.407 3.407v27.898a3.419 3.419 0 0 0 3.417 3.417h2.306a5.022 5.022 0 0 1 1.157-4.257 4.853 4.853 0 0 1 1.233-4.37z"
    />
</svg>