Soap

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="74.981"
        x2="437.019"
        y1="439.019"
        y2="76.981"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00f7fe" />
        <stop offset="1" stop-color="#00a7ae" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="121.048"
        x2="390.953"
        y1="241.285"
        y2="241.285"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#ffefab" />
    </linearGradient>
    <path
        d="M121.048 327.172V218.259c0-23.607 19.315-42.921 42.921-42.921h184.063c23.607 0 42.921 19.314 42.921 42.921v108.913c0 23.607-19.315 42.921-42.921 42.921H163.969c-23.607 0-42.921-19.315-42.921-42.921z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="80.171"
        x2="431.83"
        y1="165.708"
        y2="165.708"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff6580" />
        <stop offset="1" stop-color="#e6002e" />
    </linearGradient>
    <path
        d="M362.441 396.613H149.559c-38.261 0-69.388-31.127-69.388-69.388v-27.254h40.834v27.254c0 15.744 12.809 28.554 28.554 28.554h212.883c15.745 0 28.554-12.809 28.554-28.554v-27.254h40.834v27.254c0 38.261-31.128 69.388-69.389 69.388z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="160.579"
        x2="351.421"
        y1="241.285"
        y2="241.285"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff0ae" />
        <stop offset="1" stop-color="#ffd829" />
    </linearGradient>
    <path
        d="M325.377 335.676H186.623c-14.324 0-26.044-11.72-26.044-26.044v-73.833c0-14.324 11.72-26.044 26.044-26.044h138.754c14.324 0 26.044 11.72 26.044 26.044v73.833c0 14.324-11.72 26.044-26.044 26.044z"
        fill="url(#d)"
    />
    <linearGradient
        id="e"
        x1="194.33"
        x2="327.6"
        y1="383.83"
        y2="383.83"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#ffefab" />
    </linearGradient>
    <circle cx="215.96" cy="130.17" r="27.368" fill="url(#e)" />
    <linearGradient
        id="f"
        x1="194.33"
        x2="327.6"
        y1="372.55"
        y2="372.55"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#ffefab" />
    </linearGradient>
    <circle cx="303.71" cy="141.45" r="16.08" fill="url(#f)" />
    <linearGradient
        id="g"
        x1="194.33"
        x2="327.6"
        y1="424.88"
        y2="424.88"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#ffefab" />
    </linearGradient>
    <circle cx="283" cy="89.12" r="19.18" fill="url(#g)" />
</svg>