toilet icon
toilet from Font Awesome Solid by Dave Gandy · Solid · Objects · CC-BY-4.0 Attribution required.
- Name
- toilet
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Objects
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
toiletEmoji One (Colored)toiletFont Awesome 6 Solidtoilet-16-filledFluent UI System IconstoiletFluent EmojitoiletFluent Emoji FlattoiletFluent Emoji High ContrasttoiletFirefox OS EmojitoiletIconParktoiletIconPark OutlinetoiletIconPark SolidtoiletIconPark TwoTonetoiletLine AwesometoiletLucidetoiletMaterial Design IconstoiletNoto EmojitoiletOpenMojitoiletPhosphortoiletStreamline EmojistoiletTwitter Emoji
More objects icons from Font Awesome Solid
Use the toilet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M120 64c-13.3 0-24 10.7-24 24s10.7 24 24 24h8v148.9c-1.9 1.4-3.8 2.9-5.6 4.4c-15.5 13.2-26.4 31.6-26.4 54.6c0 46.9 14.3 84.1 37 112.5c14.2 17.7 31.1 31.3 48.5 41.8l-19.9 59.7c-3.3 9.8-1.6 20.5 4.4 28.8s15.7 13.3 26 13.3h256c10.3 0 19.9-4.9 26-13.3s7.7-19.1 4.4-28.8l-19.8-59.5c17.4-10.5 34.3-24.1 48.5-41.8c22.7-28.4 37-65.5 37-112.5c0-23.1-10.9-41.5-26.4-54.6c-1.8-1.5-3.7-3-5.6-4.4V112.2h8c13.3 0 24-10.7 24-24S533.3 64 520 64zm72 80c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16m128 208c-88.4 0-160-14.3-160-32s71.6-32 160-32s160 14.3 160 32s-71.6 32-160 32"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidToilet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M120 64c-13.3 0-24 10.7-24 24s10.7 24 24 24h8v148.9c-1.9 1.4-3.8 2.9-5.6 4.4c-15.5 13.2-26.4 31.6-26.4 54.6c0 46.9 14.3 84.1 37 112.5c14.2 17.7 31.1 31.3 48.5 41.8l-19.9 59.7c-3.3 9.8-1.6 20.5 4.4 28.8s15.7 13.3 26 13.3h256c10.3 0 19.9-4.9 26-13.3s7.7-19.1 4.4-28.8l-19.8-59.5c17.4-10.5 34.3-24.1 48.5-41.8c22.7-28.4 37-65.5 37-112.5c0-23.1-10.9-41.5-26.4-54.6c-1.8-1.5-3.7-3-5.6-4.4V112.2h8c13.3 0 24-10.7 24-24S533.3 64 520 64zm72 80c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16m128 208c-88.4 0-160-14.3-160-32s71.6-32 160-32s160 14.3 160 32s-71.6 32-160 32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M120 64c-13.3 0-24 10.7-24 24s10.7 24 24 24h8v148.9c-1.9 1.4-3.8 2.9-5.6 4.4c-15.5 13.2-26.4 31.6-26.4 54.6c0 46.9 14.3 84.1 37 112.5c14.2 17.7 31.1 31.3 48.5 41.8l-19.9 59.7c-3.3 9.8-1.6 20.5 4.4 28.8s15.7 13.3 26 13.3h256c10.3 0 19.9-4.9 26-13.3s7.7-19.1 4.4-28.8l-19.8-59.5c17.4-10.5 34.3-24.1 48.5-41.8c22.7-28.4 37-65.5 37-112.5c0-23.1-10.9-41.5-26.4-54.6c-1.8-1.5-3.7-3-5.6-4.4V112.2h8c13.3 0 24-10.7 24-24S533.3 64 520 64zm72 80c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16m128 208c-88.4 0-160-14.3-160-32s71.6-32 160-32s160 14.3 160 32s-71.6 32-160 32"/></svg> </template>
CSS
.icon-toilet {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M120%2064c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h8v148.9c-1.9%201.4-3.8%202.9-5.6%204.4c-15.5%2013.2-26.4%2031.6-26.4%2054.6c0%2046.9%2014.3%2084.1%2037%20112.5c14.2%2017.7%2031.1%2031.3%2048.5%2041.8l-19.9%2059.7c-3.3%209.8-1.6%2020.5%204.4%2028.8s15.7%2013.3%2026%2013.3h256c10.3%200%2019.9-4.9%2026-13.3s7.7-19.1%204.4-28.8l-19.8-59.5c17.4-10.5%2034.3-24.1%2048.5-41.8c22.7-28.4%2037-65.5%2037-112.5c0-23.1-10.9-41.5-26.4-54.6c-1.8-1.5-3.7-3-5.6-4.4V112.2h8c13.3%200%2024-10.7%2024-24S533.3%2064%20520%2064zm72%2080c0-8.8%207.2-16%2016-16h32c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-32c-8.8%200-16-7.2-16-16m128%20208c-88.4%200-160-14.3-160-32s71.6-32%20160-32s160%2014.3%20160%2032s-71.6%2032-160%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M120%2064c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h8v148.9c-1.9%201.4-3.8%202.9-5.6%204.4c-15.5%2013.2-26.4%2031.6-26.4%2054.6c0%2046.9%2014.3%2084.1%2037%20112.5c14.2%2017.7%2031.1%2031.3%2048.5%2041.8l-19.9%2059.7c-3.3%209.8-1.6%2020.5%204.4%2028.8s15.7%2013.3%2026%2013.3h256c10.3%200%2019.9-4.9%2026-13.3s7.7-19.1%204.4-28.8l-19.8-59.5c17.4-10.5%2034.3-24.1%2048.5-41.8c22.7-28.4%2037-65.5%2037-112.5c0-23.1-10.9-41.5-26.4-54.6c-1.8-1.5-3.7-3-5.6-4.4V112.2h8c13.3%200%2024-10.7%2024-24S533.3%2064%20520%2064zm72%2080c0-8.8%207.2-16%2016-16h32c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-32c-8.8%200-16-7.2-16-16m128%20208c-88.4%200-160-14.3-160-32s71.6-32%20160-32s160%2014.3%20160%2032s-71.6%2032-160%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/toilet.svg?color=%231a73e8&size=48
