Add icons to this collection by clicking the heart icon.
Toilet icon - also known as cleaning, bathroom, bath, toilet, and furniture and household. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<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="#a71159" />
<stop offset="1" stop-color="#c61469" />
</linearGradient>
<linearGradient
id="c"
x1="51"
x2="51"
y1="64"
y2="20"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="51"
x2="51"
y1="64"
y2="44"
gradientUnits="userSpaceOnUse"
>
<stop offset=".016" stop-color="#ff5023" />
<stop offset="1" stop-color="#ff7956" />
</linearGradient>
<linearGradient
id="e"
x1="24"
x2="24"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9811" />
<stop offset="1" stop-color="#ffb655" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffc477" />
<stop offset="1" stop-color="#ffdaaa" />
</linearGradient>
<linearGradient
id="f"
x1="16"
x2="16"
y1="16"
y2="10"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="51"
x2="51"
y1="58"
y2="48"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="24"
x2="24"
y1="33"
y2="27"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="24"
x2="24"
y1="7"
y2="0"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M57 54a1 1 0 1 0 0-2h-1v-2h1a1 1 0 1 0 0-2h-1.102a4.96 4.96 0 0 0-.731-1.753l.54-.54a.999.999 0 1 0-1.414-1.414l-.54.54A4.975 4.975 0 0 0 52 44.114V27h1a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1v17.114a4.975 4.975 0 0 0-1.753.719l-.54-.54a.999.999 0 1 0-1.414 1.414l.54.54A4.923 4.923 0 0 0 46.102 48H45a1 1 0 1 0 0 2h1v2h-1a1 1 0 1 0 0 2h1v2h-1a1 1 0 1 0 0 2h1.102a4.96 4.96 0 0 0 .731 1.753l-.54.54a.999.999 0 1 0 1.414 1.414l.54-.54a4.923 4.923 0 0 0 1.753.731V63a1 1 0 1 0 2 0v-1.102a4.967 4.967 0 0 0 1.753-.731l.54.54a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-.54-.54A4.941 4.941 0 0 0 55.898 58H57a1 1 0 1 0 0-2h-1v-2z"
/>
<path
fill="url(#d)"
d="M57 54a1 1 0 1 0 0-2h-1v-2h1a1 1 0 1 0 0-2h-1.102a4.96 4.96 0 0 0-.731-1.753l.54-.54a.999.999 0 1 0-1.414-1.414l-.54.54a4.964 4.964 0 0 0-5.506 0l-.54-.54a.999.999 0 1 0-1.414 1.414l.54.54A4.923 4.923 0 0 0 46.102 48H45a1 1 0 1 0 0 2h1v2h-1a1 1 0 1 0 0 2h1v2h-1a1 1 0 1 0 0 2h1.102a4.96 4.96 0 0 0 .731 1.753l-.54.54a.999.999 0 1 0 1.414 1.414l.54-.54a4.923 4.923 0 0 0 1.753.731V63a1 1 0 1 0 2 0v-1.102a4.967 4.967 0 0 0 1.753-.731l.54.54a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-.54-.54A4.941 4.941 0 0 0 55.898 58H57a1 1 0 1 0 0-2h-1v-2z"
/>
<path
fill="url(#e)"
d="M42 36v-6c0-1.654-1.346-3-3-3V3c0-1.654-1.346-3-3-3H12c-1.654 0-3 1.346-3 3v24c-1.654 0-3 1.346-3 3v6c0 6.46 1.655 8.663 2.864 10.272C9.572 47.215 10 47.784 10 49c0 .96-.479 1.815-1.141 3.001C7.652 54.16 6 57.118 6 63a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1c0-5.882-1.652-8.84-2.859-10.999C38.478 50.815 38 49.96 38 49c0-1.216.428-1.785 1.136-2.728C40.345 44.663 42 42.46 42 36z"
/>
<circle cx="16" cy="13" r="3" fill="url(#f)" />
<path
fill="url(#g)"
d="M51 58a1 1 0 0 1-1-1v-8a1 1 0 1 1 2 0v8a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M42 30c0-1.654-1.346-3-3-3H9c-1.654 0-3 1.346-3 3v3h36z"
/>
<path
fill="url(#i)"
d="M39 3c0-1.654-1.346-3-3-3H12c-1.654 0-3 1.346-3 3v4h30z"
/>
</svg>
More icons in the same style and category