toilet emoji
toilet from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- toilet
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
toiletEmoji One (Colored)toiletFont Awesome 6 SolidtoiletFont Awesome Solidtoilet-16-filledFluent UI System IconstoiletFluent EmojitoiletFluent Emoji FlattoiletFirefox OS EmojitoiletIconParktoiletIconPark OutlinetoiletIconPark SolidtoiletIconPark TwoTonetoiletLine AwesometoiletLucidetoiletMaterial Design IconstoiletNoto EmojitoiletOpenMojitoiletPhosphortoiletStreamline EmojistoiletTwitter Emoji
More objects icons from Fluent Emoji High Contrast
Use the toilet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21 1a2 2 0 0 0-2 2v9H3.5A2.5 2.5 0 0 0 1 14.5v2a1.5 1.5 0 0 0 1.414 1.498a11 11 0 0 0 3.396 5.327c.549.474 1.145.896 1.782 1.256L6.097 27.57c-.093.186-.227.453-.328.733c-.1.277-.21.678-.158 1.11c.06.5.332.959.832 1.25c.44.254.982.337 1.557.337h14c.825 0 1.567-.402 2.082-.918c.515-.515.918-1.257.918-2.082v-8c0-.268.155-.627.445-1.024A4 4 0 0 0 29 15V3a2 2 0 0 0-2-2zM9.416 25.403A11 11 0 0 0 13 26c4.22 0 8.114-2.081 10-5.582V28c0 .175-.098.433-.332.668S22.175 29 22 29H8q-.218-.001-.349-.02c.058-.159.142-.33.243-.533zM20.5 17c.334.445.814.775 1.368.92C20.811 21.587 17.223 24 13 24c-2.29 0-4.38-.855-5.968-2.263A9 9 0 0 1 4.222 17zm-.45-1H3v-1.5a.5.5 0 0 1 .5-.5H20v1.5q0 .257.05.5M27 15a2 2 0 0 1-2 2h-2.5a1.5 1.5 0 0 1-1.5-1.5V3h6z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastToilet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21 1a2 2 0 0 0-2 2v9H3.5A2.5 2.5 0 0 0 1 14.5v2a1.5 1.5 0 0 0 1.414 1.498a11 11 0 0 0 3.396 5.327c.549.474 1.145.896 1.782 1.256L6.097 27.57c-.093.186-.227.453-.328.733c-.1.277-.21.678-.158 1.11c.06.5.332.959.832 1.25c.44.254.982.337 1.557.337h14c.825 0 1.567-.402 2.082-.918c.515-.515.918-1.257.918-2.082v-8c0-.268.155-.627.445-1.024A4 4 0 0 0 29 15V3a2 2 0 0 0-2-2zM9.416 25.403A11 11 0 0 0 13 26c4.22 0 8.114-2.081 10-5.582V28c0 .175-.098.433-.332.668S22.175 29 22 29H8q-.218-.001-.349-.02c.058-.159.142-.33.243-.533zM20.5 17c.334.445.814.775 1.368.92C20.811 21.587 17.223 24 13 24c-2.29 0-4.38-.855-5.968-2.263A9 9 0 0 1 4.222 17zm-.45-1H3v-1.5a.5.5 0 0 1 .5-.5H20v1.5q0 .257.05.5M27 15a2 2 0 0 1-2 2h-2.5a1.5 1.5 0 0 1-1.5-1.5V3h6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21 1a2 2 0 0 0-2 2v9H3.5A2.5 2.5 0 0 0 1 14.5v2a1.5 1.5 0 0 0 1.414 1.498a11 11 0 0 0 3.396 5.327c.549.474 1.145.896 1.782 1.256L6.097 27.57c-.093.186-.227.453-.328.733c-.1.277-.21.678-.158 1.11c.06.5.332.959.832 1.25c.44.254.982.337 1.557.337h14c.825 0 1.567-.402 2.082-.918c.515-.515.918-1.257.918-2.082v-8c0-.268.155-.627.445-1.024A4 4 0 0 0 29 15V3a2 2 0 0 0-2-2zM9.416 25.403A11 11 0 0 0 13 26c4.22 0 8.114-2.081 10-5.582V28c0 .175-.098.433-.332.668S22.175 29 22 29H8q-.218-.001-.349-.02c.058-.159.142-.33.243-.533zM20.5 17c.334.445.814.775 1.368.92C20.811 21.587 17.223 24 13 24c-2.29 0-4.38-.855-5.968-2.263A9 9 0 0 1 4.222 17zm-.45-1H3v-1.5a.5.5 0 0 1 .5-.5H20v1.5q0 .257.05.5M27 15a2 2 0 0 1-2 2h-2.5a1.5 1.5 0 0 1-1.5-1.5V3h6z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%201a2%202%200%200%200-2%202v9H3.5A2.5%202.5%200%200%200%201%2014.5v2a1.5%201.5%200%200%200%201.414%201.498a11%2011%200%200%200%203.396%205.327c.549.474%201.145.896%201.782%201.256L6.097%2027.57c-.093.186-.227.453-.328.733c-.1.277-.21.678-.158%201.11c.06.5.332.959.832%201.25c.44.254.982.337%201.557.337h14c.825%200%201.567-.402%202.082-.918c.515-.515.918-1.257.918-2.082v-8c0-.268.155-.627.445-1.024A4%204%200%200%200%2029%2015V3a2%202%200%200%200-2-2zM9.416%2025.403A11%2011%200%200%200%2013%2026c4.22%200%208.114-2.081%2010-5.582V28c0%20.175-.098.433-.332.668S22.175%2029%2022%2029H8q-.218-.001-.349-.02c.058-.159.142-.33.243-.533zM20.5%2017c.334.445.814.775%201.368.92C20.811%2021.587%2017.223%2024%2013%2024c-2.29%200-4.38-.855-5.968-2.263A9%209%200%200%201%204.222%2017zm-.45-1H3v-1.5a.5.5%200%200%201%20.5-.5H20v1.5q0%20.257.05.5M27%2015a2%202%200%200%201-2%202h-2.5a1.5%201.5%200%200%201-1.5-1.5V3h6z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%201a2%202%200%200%200-2%202v9H3.5A2.5%202.5%200%200%200%201%2014.5v2a1.5%201.5%200%200%200%201.414%201.498a11%2011%200%200%200%203.396%205.327c.549.474%201.145.896%201.782%201.256L6.097%2027.57c-.093.186-.227.453-.328.733c-.1.277-.21.678-.158%201.11c.06.5.332.959.832%201.25c.44.254.982.337%201.557.337h14c.825%200%201.567-.402%202.082-.918c.515-.515.918-1.257.918-2.082v-8c0-.268.155-.627.445-1.024A4%204%200%200%200%2029%2015V3a2%202%200%200%200-2-2zM9.416%2025.403A11%2011%200%200%200%2013%2026c4.22%200%208.114-2.081%2010-5.582V28c0%20.175-.098.433-.332.668S22.175%2029%2022%2029H8q-.218-.001-.349-.02c.058-.159.142-.33.243-.533zM20.5%2017c.334.445.814.775%201.368.92C20.811%2021.587%2017.223%2024%2013%2024c-2.29%200-4.38-.855-5.968-2.263A9%209%200%200%201%204.222%2017zm-.45-1H3v-1.5a.5.5%200%200%201%20.5-.5H20v1.5q0%20.257.05.5M27%2015a2%202%200%200%201-2%202h-2.5a1.5%201.5%200%200%201-1.5-1.5V3h6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/toilet.svg?color=%231a73e8&size=48
