Add icons to this collection by clicking the heart icon.
Toilet icon - also known as people, woman, right arrow, man, person, sign, bathroom, restroom, toilet, shapes and symbols, toilet signs, and directional arrow. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e1d3ce" />
<stop offset="1" stop-color="#9e9797" />
</linearGradient>
<linearGradient
id="f"
x1="36.141"
x2="63.914"
y1="174.307"
y2="174.307"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="444.645"
x2="472.417"
y1="174.307"
y2="174.307"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="90.017"
x2="266.063"
y1="156.043"
y2="332.089"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c59191" />
<stop offset="1" stop-color="#9b5e5e" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#9b5e5e" stop-opacity="0" />
<stop offset=".247" stop-color="#955857" stop-opacity=".247" />
<stop offset=".612" stop-color="#854943" stop-opacity=".612" />
<stop offset="1" stop-color="#6d3326" />
</linearGradient>
<linearGradient
id="i"
x1="245.728"
x2="163.061"
y1="294.615"
y2="252.615"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="429.555"
x2="507.681"
y1="321.026"
y2="321.026"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="379.987"
x2="325.32"
y1="315.594"
y2="293.594"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="255"
x2="255"
y1="358.399"
y2="409.736"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="-853.939"
x2="-765.439"
y1="1511.42"
y2="1564.92"
gradientTransform="rotate(90 -1132.916 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbec6c" />
<stop offset="1" stop-color="#78a91f" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#78a91f" stop-opacity="0" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="n"
x1="-837.792"
x2="-866.459"
y1="1551.577"
y2="1567.577"
gradientTransform="rotate(90 -1132.916 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="-830.639"
x2="-848.972"
y1="1505.454"
y2="1499.454"
gradientTransform="rotate(90 -1132.916 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#78a91f" stop-opacity="0" />
<stop offset=".147" stop-color="#70a421" stop-opacity=".147" />
<stop offset=".374" stop-color="#5b9927" stop-opacity=".374" />
<stop offset=".652" stop-color="#378531" stop-opacity=".652" />
<stop offset=".968" stop-color="#076b3f" stop-opacity=".968" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="p"
x1="350.667"
x2="336.299"
y1="321.026"
y2="321.026"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="409.237"
x2="409.237"
y1="-7283.744"
y2="-7265.431"
gradientTransform="matrix(0 -1 -1 0 -6892.065 687.559)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="323.828"
x2="323.828"
y1="-7283.744"
y2="-7265.431"
gradientTransform="matrix(0 -1 -1 0 -6892.065 687.559)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fef48b" />
<stop offset=".146" stop-color="#fdf07e" />
<stop offset=".416" stop-color="#fce55c" />
<stop offset=".778" stop-color="#fbd325" />
<stop offset="1" stop-color="#fac600" />
</linearGradient>
<linearGradient
id="s"
x1="116.381"
x2="169.71"
y1="297.392"
y2="350.722"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#fac600" stop-opacity="0" />
<stop offset=".408" stop-color="#efbd01" stop-opacity=".408" />
<stop offset="1" stop-color="#d7aa02" />
</linearGradient>
<linearGradient
id="t"
x1="147.835"
x2="180.149"
y1="294.289"
y2="284.236"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="138.121"
x2="138.121"
y1="275.73"
y2="247.577"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="v"
x1="114.745"
x2="165.782"
y1="172.618"
y2="223.655"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="138.121"
x2="138.121"
y1="352.566"
y2="382.726"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="257.63"
x2="311.756"
y1="258.59"
y2="312.716"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="282.185"
x2="311.627"
y1="294.662"
y2="306.869"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="303.76"
x2="289.039"
y1="274.272"
y2="230.468"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="253.816"
x2="304.853"
y1="172.618"
y2="223.655"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#f)"
d="M50.748 250.032c-10.724 0-19.417-8.693-19.417-19.417V117.999c0-10.724 8.693-19.417 19.417-19.417 10.724 0 19.417 8.693 19.417 19.417v112.616c0 10.724-8.693 19.417-19.417 19.417z"
/>
<path
fill="url(#g)"
d="M459.252 250.032c-10.724 0-19.417-8.693-19.417-19.417V117.999c0-10.724 8.693-19.417 19.417-19.417 10.724 0 19.417 8.693 19.417 19.417v112.616c0 10.724-8.693 19.417-19.417 19.417z"
/>
<path
fill="url(#h)"
d="M480.996 411.419H29.004C12.986 411.419 0 398.433 0 382.414V259.638c0-16.019 12.986-29.004 29.004-29.004h451.992c16.019 0 29.004 12.986 29.004 29.004v122.776c0 16.019-12.986 29.005-29.004 29.005z"
/>
<path
fill="url(#i)"
d="M510 382.414V259.638c0-16.019-12.986-29.004-29.004-29.004H134.948L72.661 376.613l34.805 34.805h373.529c16.019 0 29.005-12.985 29.005-29.004z"
/>
<path
fill="url(#j)"
d="M480.996 230.634H251.667v180.785h229.329c16.019 0 29.004-12.986 29.004-29.004V259.638c0-16.018-12.986-29.004-29.004-29.004z"
/>
<path
fill="url(#k)"
d="M480.996 230.634H264.652v145.101l35.684 35.684h180.66c16.019 0 29.004-12.986 29.004-29.004V259.638c0-16.018-12.986-29.004-29.004-29.004z"
/>
<path
fill="url(#l)"
d="M0 295.347v87.067c0 16.019 12.986 29.004 29.004 29.004h451.991c16.019 0 29.004-12.986 29.004-29.004v-87.067z"
/>
<path
fill="url(#m)"
d="m406.878 264.639 61.52 40.606a18.925 18.925 0 0 1 4.397 4.004c5.461 6.834 5.461 16.722 0 23.556a18.925 18.925 0 0 1-4.397 4.004l-61.52 40.606c-12.574 8.296-29.325-.721-29.325-15.782V346.89h-29.354a8.538 8.538 0 0 1-8.538-8.538v-34.65a8.538 8.538 0 0 1 8.538-8.538h29.354v-14.742c0-15.062 16.751-24.079 29.325-15.783z"
/>
<path
fill="url(#n)"
d="m406.878 264.639 61.52 40.606a18.925 18.925 0 0 1 4.397 4.004c5.461 6.834 5.461 16.722 0 23.556a18.925 18.925 0 0 1-4.397 4.004l-61.52 40.606c-12.574 8.296-29.325-.721-29.325-15.782V346.89h-29.354a8.538 8.538 0 0 1-8.538-8.538v-34.65a8.538 8.538 0 0 1 8.538-8.538h29.354v-14.742c0-15.062 16.751-24.079 29.325-15.783z"
/>
<path
fill="url(#o)"
d="M415.34 295.163h-67.141a8.539 8.539 0 0 0-8.538 8.538v34.651a8.538 8.538 0 0 0 8.538 8.538h67.141z"
/>
<path
fill="url(#p)"
d="M377.554 295.163h-29.355a8.539 8.539 0 0 0-8.538 8.538v34.651a8.538 8.538 0 0 0 8.538 8.538h29.355z"
/>
<path
fill="url(#q)"
d="m406.879 264.639 46.246 30.524h-75.571v-14.742c0-15.061 16.752-24.078 29.325-15.782z"
/>
<path
fill="url(#r)"
d="M377.554 361.632V346.89h75.571l-46.246 30.524c-12.573 8.296-29.325-.722-29.325-15.782z"
/>
<path
fill="url(#s)"
d="M138.12 196.156 68.762 359.034c-4.347 10.207 3.144 21.538 14.238 21.538h110.241c11.094 0 18.584-11.33 14.238-21.538z"
/>
<path
fill="url(#t)"
d="M138.12 196.156 68.762 359.034c-4.347 10.207 3.144 21.538 14.238 21.538h110.241c11.094 0 18.584-11.33 14.238-21.538z"
/>
<path fill="url(#u)" d="M138.12 196.156 95.368 296.555h85.505z" />
<circle cx="138.12" cy="195.993" r="55.755" fill="url(#v)" />
<path
fill="url(#w)"
d="M68.762 359.034c-4.347 10.207 3.144 21.538 14.238 21.538h110.241c11.094 0 18.584-11.33 14.238-21.538l-21.101-49.554H89.864z"
/>
<path
fill="url(#x)"
d="M260.152 369.308 210.327 252.3c-5.528-12.982 3.998-27.393 18.109-27.393h97.511c14.111 0 23.637 14.411 18.109 27.393L294.23 369.308c-6.395 15.018-27.683 15.018-34.078 0z"
/>
<path
fill="url(#y)"
d="M260.152 369.308 210.327 252.3c-5.528-12.982 3.998-27.393 18.109-27.393h97.511c14.111 0 23.637 14.411 18.109 27.393L294.23 369.308c-6.395 15.018-27.683 15.018-34.078 0z"
/>
<path
fill="url(#z)"
d="M344.056 252.3c5.528-12.983-3.998-27.393-18.109-27.393h-77.669l-10.512 10.512 79.587 79.587z"
/>
<circle cx="277.191" cy="195.993" r="55.755" fill="url(#A)" />
</svg>
More icons in the same style and category