Soap

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 432 432"
>
    <linearGradient
        id="a"
        x1="216"
        x2="216"
        y1="467"
        y2="-28.54"
        gradientTransform="matrix(1 0 0 -1 0 434)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M286 140.216v-24.692C286 96.461 270.074 81 251.011 81H226V20h14.728a30.778 30.778 0 0 1 28.707 20.267l4.319 11.968c1.867 5.191 7.59 7.886 12.781 6.019 5.191-1.867 7.886-7.59 6.019-12.781l-4.32-12.04C280.954 13.446 261.999.106 240.728 0H150.58c-5.523 0-10 4.477-10 10s4.477 10 10 10H206v61h-25.011C161.926 81 146 96.461 146 115.524v24.692c-32 .425-58 26.776-58 59.122v222.355A10.321 10.321 0 0 0 98.063 432h235.874A10.321 10.321 0 0 0 344 421.693V199.338c0-32.346-26-58.697-58-59.122zM180.989 101h34.073c.309 0 .622.047.938.047s.629-.047.938-.047h34.073c8.035 0 14.989 6.489 14.989 14.524V140H166v-24.476c0-8.035 6.954-14.524 14.989-14.524zM324 412H108V199.338c.039-21.658 17.548-39.226 39.206-39.338h137.588c21.658.112 39.167 17.68 39.206 39.338V412z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="216"
        x2="216"
        y1="467"
        y2="-28.54"
        gradientTransform="matrix(1 0 0 -1 0 434)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <path
        d="M295 224c0-5.523-4.477-10-10-10H147c-5.523 0-10 4.477-10 10v124c0 5.523 4.477 10 10 10h138c5.523 0 10-4.477 10-10V224zm-20 114H157V234h118v104z"
        fill="url(#b)"
    />
</svg>