Soap

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#6faace" />
        <stop offset=".512" stop-color="#3890bd" />
        <stop offset="1" stop-color="#136694" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="7.059"
        x2="7.059"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="59.059"
        x2="59.059"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="25"
        x2="25"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="20"
        x2="20"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="53.946"
        x2="53.946"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="52"
        x2="52"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="39"
        x2="39"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="55"
        x2="55"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="43"
        x2="43"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="47.605"
        x2="47.605"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="25.061"
        x2="25.061"
        y1="-4.217"
        y2="67.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M2.378 16.239c.037.019 3.68 1.909 3.68 5.453a1 1 0 0 0 2 0c0-3.544 3.644-5.434 3.678-5.451a1.001 1.001 0 0 0-.447-1.895c-3.178 0-3.23-5.294-3.23-5.347a1 1 0 0 0-2-.001c0 .053-.053 5.347-3.23 5.347a1 1 0 0 0-.451 1.894zM7.059 13.5c.45.907 1.078 1.711 1.934 2.231-.659.571-1.375 1.334-1.934 2.295-.56-.96-1.275-1.724-1.934-2.295.855-.52 1.483-1.324 1.934-2.231z"
    />
    <path
        fill="url(#c)"
        d="M63.289 31.346c-3.178 0-3.23-5.294-3.23-5.347a1 1 0 0 0-2 0c0 .053-.053 5.347-3.23 5.347a1.001 1.001 0 0 0-.45 1.893c.037.019 3.68 1.909 3.68 5.453a1 1 0 0 0 2 0c0-3.544 3.644-5.434 3.678-5.451a1.001 1.001 0 0 0-.448-1.895zm-4.23 3.68c-.56-.96-1.275-1.724-1.934-2.295.856-.52 1.484-1.324 1.934-2.231.45.907 1.078 1.711 1.934 2.231-.659.571-1.375 1.334-1.934 2.295z"
    />
    <path
        fill="url(#d)"
        d="m1.543 54.445 15.63 8.684a2.998 2.998 0 0 0 3.613-.536l28.37-29.315A2.989 2.989 0 0 0 50 31.191v-8.103a2.989 2.989 0 0 0-1.37-2.519l-14.708-9.517a3.006 3.006 0 0 0-3.784.432L.845 41.723A2.985 2.985 0 0 0 0 43.81v8.013c0 1.09.591 2.094 1.543 2.622zm30.032-41.569a1.002 1.002 0 0 1 1.261-.144l14.6 9.447-28.621 29.574-16.189-8.994zM2 44.699l16 8.889V61.3L2.514 52.697A1 1 0 0 1 2 51.823z"
    />
    <circle cx="20" cy="10" r="4" fill="url(#e)" />
    <circle cx="53.946" cy="4.054" r="4" fill="url(#f)" />
    <circle cx="52" cy="52" r="4" fill="url(#g)" />
    <path
        fill="url(#h)"
        d="M36 8c0 1.654 1.346 3 3 3s3-1.346 3-3-1.346-3-3-3-3 1.346-3 3zm4 0c0 .551-.449 1-1 1s-1-.449-1-1 .449-1 1-1 1 .449 1 1z"
    />
    <path
        fill="url(#i)"
        d="M55 15c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4c-.551 0-1-.449-1-1s.449-1 1-1 1 .449 1 1-.449 1-1 1z"
    />
    <path
        fill="url(#j)"
        d="M43 54c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4c-.551 0-1-.449-1-1s.449-1 1-1 1 .449 1 1-.449 1-1 1z"
    />
    <path
        fill="url(#k)"
        d="M61.61 51.463c-.911-.616-1.883-.721-2.643-.671C58.561 43.563 54.464 42 51 42c-5.212 0-7.108 2.758-7.716 4.077-3.226.433-5.48 1.65-6.707 3.624-1.208 1.943-1.083 4.115-.834 5.433-2.262.504-3.83 2.421-4.474 5.522A2.774 2.774 0 0 0 33.983 64h27.245A2.776 2.776 0 0 0 64 61.228V58c0-3.264-.804-5.463-2.39-6.537zm.39 9.765a.772.772 0 0 1-.772.772H33.983a.76.76 0 0 1-.598-.284.773.773 0 0 1-.158-.654C33.787 58.367 35.056 57 37 57a.999.999 0 0 0 .937-1.348c-.01-.027-.993-2.77.345-4.907.961-1.535 2.918-2.46 5.817-2.75.412-.041.759-.343.868-.742C45.004 47.12 45.917 44 51 44c4.093 0 6 2.542 6 8a1.002 1.002 0 0 0 1.364.931c.013-.005 1.204-.447 2.138.198.98.675 1.498 2.36 1.498 4.871z"
    />
    <path
        fill="url(#l)"
        d="M41.98 24.503c.637-.662.933-1.564.812-2.475s-.642-1.704-1.43-2.177l-6.508-3.905a2.999 2.999 0 0 0-3.665.451L8.183 39.403c-.675.675-.984 1.604-.848 2.549s.695 1.749 1.533 2.206l7.312 3.989a3.003 3.003 0 0 0 3.6-.555z"
    />
</svg>