toilet emoji
toilet from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- toilet
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
toiletEmoji One (Colored)toiletFont Awesome 6 SolidtoiletFont Awesome Solidtoilet-16-filledFluent UI System IconstoiletFluent EmojitoiletFluent Emoji FlattoiletFluent Emoji High ContrasttoiletFirefox OS EmojitoiletIconParktoiletIconPark OutlinetoiletIconPark SolidtoiletIconPark TwoTonetoiletLine AwesometoiletLucidetoiletMaterial Design IconstoiletNoto EmojitoiletOpenMojitoiletPhosphortoiletStreamline Emojis
More objects icons from Twitter Emoji
Use the toilet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#aab8c2" d="M26 18v2H13.293c-.867 0-1.835.896-2.161 2L7.59 34c-.326 1.104.306 2 1.41 2h18a2 2 0 0 0 2-2V24a3.99 3.99 0 0 1 3-3.858V18z"/><path fill="#e1e8ed" d="M22 21.875C22 25.396 17.522 29 12 29S2 25.396 2 21.875C2 20 2.833 20 12 20s10 0 10 1.875M25 19c0 .553-.514 1-1.15 1H3.15C2.515 20 2 19.553 2 19s.515-1 1.15-1h20.7c.636 0 1.15.447 1.15 1"/><path fill="#99aab5" d="M18 16H6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2m2-16v18c1.104 0 2-1.007 2-2.25V2.25C22 1.007 21.104 0 20 0"/><path fill="#e1e8ed" d="M34 4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2z"/><circle cx="20" cy="16" r="2" fill="#ccd6dd"/><path fill="#ccd6dd" d="M22 4h12v2H22z"/><path fill="#aab8c2" d="M25 21a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h21a1 1 0 0 1 1 1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiToilet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#aab8c2" d="M26 18v2H13.293c-.867 0-1.835.896-2.161 2L7.59 34c-.326 1.104.306 2 1.41 2h18a2 2 0 0 0 2-2V24a3.99 3.99 0 0 1 3-3.858V18z"/><path fill="#e1e8ed" d="M22 21.875C22 25.396 17.522 29 12 29S2 25.396 2 21.875C2 20 2.833 20 12 20s10 0 10 1.875M25 19c0 .553-.514 1-1.15 1H3.15C2.515 20 2 19.553 2 19s.515-1 1.15-1h20.7c.636 0 1.15.447 1.15 1"/><path fill="#99aab5" d="M18 16H6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2m2-16v18c1.104 0 2-1.007 2-2.25V2.25C22 1.007 21.104 0 20 0"/><path fill="#e1e8ed" d="M34 4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2z"/><circle cx="20" cy="16" r="2" fill="#ccd6dd"/><path fill="#ccd6dd" d="M22 4h12v2H22z"/><path fill="#aab8c2" d="M25 21a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h21a1 1 0 0 1 1 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#aab8c2" d="M26 18v2H13.293c-.867 0-1.835.896-2.161 2L7.59 34c-.326 1.104.306 2 1.41 2h18a2 2 0 0 0 2-2V24a3.99 3.99 0 0 1 3-3.858V18z"/><path fill="#e1e8ed" d="M22 21.875C22 25.396 17.522 29 12 29S2 25.396 2 21.875C2 20 2.833 20 12 20s10 0 10 1.875M25 19c0 .553-.514 1-1.15 1H3.15C2.515 20 2 19.553 2 19s.515-1 1.15-1h20.7c.636 0 1.15.447 1.15 1"/><path fill="#99aab5" d="M18 16H6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2m2-16v18c1.104 0 2-1.007 2-2.25V2.25C22 1.007 21.104 0 20 0"/><path fill="#e1e8ed" d="M34 4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2z"/><circle cx="20" cy="16" r="2" fill="#ccd6dd"/><path fill="#ccd6dd" d="M22 4h12v2H22z"/><path fill="#aab8c2" d="M25 21a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h21a1 1 0 0 1 1 1"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23aab8c2%22%20d%3D%22M26%2018v2H13.293c-.867%200-1.835.896-2.161%202L7.59%2034c-.326%201.104.306%202%201.41%202h18a2%202%200%200%200%202-2V24a3.99%203.99%200%200%201%203-3.858V18z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M22%2021.875C22%2025.396%2017.522%2029%2012%2029S2%2025.396%202%2021.875C2%2020%202.833%2020%2012%2020s10%200%2010%201.875M25%2019c0%20.553-.514%201-1.15%201H3.15C2.515%2020%202%2019.553%202%2019s.515-1%201.15-1h20.7c.636%200%201.15.447%201.15%201%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M18%2016H6a2%202%200%200%200-2%202h16a2%202%200%200%200-2-2m2-16v18c1.104%200%202-1.007%202-2.25V2.25C22%201.007%2021.104%200%2020%200%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M34%204a2%202%200%200%200-2-2h-8a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2z%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M22%204h12v2H22z%22%2F%3E%3Cpath%20fill%3D%22%23aab8c2%22%20d%3D%22M25%2021a1%201%200%200%201-1%201H3a1%201%200%201%201%200-2h21a1%201%200%200%201%201%201%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23aab8c2%22%20d%3D%22M26%2018v2H13.293c-.867%200-1.835.896-2.161%202L7.59%2034c-.326%201.104.306%202%201.41%202h18a2%202%200%200%200%202-2V24a3.99%203.99%200%200%201%203-3.858V18z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M22%2021.875C22%2025.396%2017.522%2029%2012%2029S2%2025.396%202%2021.875C2%2020%202.833%2020%2012%2020s10%200%2010%201.875M25%2019c0%20.553-.514%201-1.15%201H3.15C2.515%2020%202%2019.553%202%2019s.515-1%201.15-1h20.7c.636%200%201.15.447%201.15%201%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M18%2016H6a2%202%200%200%200-2%202h16a2%202%200%200%200-2-2m2-16v18c1.104%200%202-1.007%202-2.25V2.25C22%201.007%2021.104%200%2020%200%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M34%204a2%202%200%200%200-2-2h-8a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2z%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M22%204h12v2H22z%22%2F%3E%3Cpath%20fill%3D%22%23aab8c2%22%20d%3D%22M25%2021a1%201%200%200%201-1%201H3a1%201%200%201%201%200-2h21a1%201%200%200%201%201%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/toilet.svg?color=%231a73e8&size=48
