Soap

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 510 510"
>
    <path fill="#575f64" d="M150 30v60l7.5 10 7.5-10 10-30-10-30-7.5-10z" />
    <path fill="#474f54" d="m180 30-7.5-10-7.5 10v60l8.57 10L180 90z" />
    <path
        fill="#6cf"
        d="M98.787 0 56.894 41.894l21.212 21.212L111.214 30H165l10-15-10-15z"
    />
    <path fill="#4596e6" d="M165 0h135v30H165z" />
    <path fill="#ecf2ff" d="M105 90v64.497l30 7.753L165 150l10-30.75L165 90z" />
    <path
        fill="#d8e4fe"
        d="M225 90h-60v60l30 11 30-6.504zM135.5 150c-52.908 0-96.839 39.149-104.358 90L105 250l45-10 10-41-10-49z"
    />
    <path
        fill="#bfd6ff"
        d="M194.5 150H180l-10 45 10 45 45 10 73.858-10c-7.519-50.851-51.45-90-104.358-90z"
    />
    <path fill="#bfd6ff" d="M150 150v90l7.001 10L165 240l10-47.25L165 150z" />
    <path fill="#a2c5f9" d="M180 150h-15v90l8.75 10 6.25-10z" />
    <path
        fill="#ecf2ff"
        d="M31.142 240A105.799 105.799 0 0 0 30 255.5V420l72.5 10 62.5-10 10-90-10-90z"
    />
    <g fill="#d8e4fe">
        <path
            d="M300 255.5c0-5.266-.393-10.439-1.142-15.5H165v180l65 10 70-10z"
        />
        <circle cx="375" cy="165" r="30" />
        <circle cx="450" cy="270" r="30" />
        <circle cx="375" cy="375" r="30" />
    </g>
    <path
        fill="#98e53b"
        d="M120 330c0 24.814 20.186 45 45 45l10-45-10-45c-24.814 0-45 20.186-45 45z"
    />
    <path
        fill="#27d072"
        d="M165 285v90c24.814 0 45-20.186 45-45s-20.186-45-45-45z"
    />
    <path fill="#d8e4fe" d="M30 420v90h135l10-45-10-45z" />
    <path fill="#bfd6ff" d="M165 420h135v90H165z" />
</svg>