toilet emoji
toilet from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- toilet
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
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 EmojistoiletTwitter Emoji
More objects icons from Emoji One (Colored)
Use the toilet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#9e958f" d="M58.2 35.8c0 8-6.5 14.5-14.5 14.5V35.8z"/><path fill="#e2d8c7" d="M59.3 3.3h-9.8c-.8 0-1.5.7-1.5 1.3v29.9c0 .6.7 1.6 1.5 1.6h9.8c.8 0 1.5-1 1.5-1.6V4.6c0-.5-.7-1.3-1.5-1.3"/><path fill="#c6bbb3" d="M60.3 0H48.5c-1 0-1.8.9-1.8 1.6v1.9c0 .7.8 1.9 1.8 1.9h11.9c1 0 1.8-1.3 1.8-1.9V1.6c0-.7-.9-1.6-1.9-1.6M44 52q0-3.75 1.8-6.9H10.5c1.1 2 1.8 4.4 1.8 6.9c0 4.7-2.3 7.9-5.8 10.5h43.4C46.2 59.9 44 56.7 44 52"/><path fill="#e2d8c7" d="M51 62.5c0 .8-.7 1.5-1.5 1.5H6.8c-.8 0-1.5-.7-1.5-1.5S6 61 6.8 61h42.7c.8 0 1.5.7 1.5 1.5m-22.9-8.7c12.6 0 22.9-8 22.9-18H5.2c0 10 10.3 18 22.9 18"/><path fill="#c6bbb3" d="M48.7 35.1c0 1-.7 1.8-1.5 1.8H3.4c-.8 0-1.5-.8-1.5-1.8s.7-1.8 1.5-1.8h43.8c.8 0 1.5.8 1.5 1.8"/><path fill="#42ade2" d="M48.7 31.4c0 1-.7 1.8-1.5 1.8H3.4c-.8 0-1.5-.8-1.5-1.8s.7-1.8 1.5-1.8h43.8c.8 0 1.5.8 1.5 1.8"/><g fill="#636a6b"><circle cx="48" cy="33.5" r="3"/><path d="M58 7.4c0 2-1.6 3.6-3.6 3.6s-3.6-1.6-3.6-3.6z"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneToilet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#9e958f" d="M58.2 35.8c0 8-6.5 14.5-14.5 14.5V35.8z"/><path fill="#e2d8c7" d="M59.3 3.3h-9.8c-.8 0-1.5.7-1.5 1.3v29.9c0 .6.7 1.6 1.5 1.6h9.8c.8 0 1.5-1 1.5-1.6V4.6c0-.5-.7-1.3-1.5-1.3"/><path fill="#c6bbb3" d="M60.3 0H48.5c-1 0-1.8.9-1.8 1.6v1.9c0 .7.8 1.9 1.8 1.9h11.9c1 0 1.8-1.3 1.8-1.9V1.6c0-.7-.9-1.6-1.9-1.6M44 52q0-3.75 1.8-6.9H10.5c1.1 2 1.8 4.4 1.8 6.9c0 4.7-2.3 7.9-5.8 10.5h43.4C46.2 59.9 44 56.7 44 52"/><path fill="#e2d8c7" d="M51 62.5c0 .8-.7 1.5-1.5 1.5H6.8c-.8 0-1.5-.7-1.5-1.5S6 61 6.8 61h42.7c.8 0 1.5.7 1.5 1.5m-22.9-8.7c12.6 0 22.9-8 22.9-18H5.2c0 10 10.3 18 22.9 18"/><path fill="#c6bbb3" d="M48.7 35.1c0 1-.7 1.8-1.5 1.8H3.4c-.8 0-1.5-.8-1.5-1.8s.7-1.8 1.5-1.8h43.8c.8 0 1.5.8 1.5 1.8"/><path fill="#42ade2" d="M48.7 31.4c0 1-.7 1.8-1.5 1.8H3.4c-.8 0-1.5-.8-1.5-1.8s.7-1.8 1.5-1.8h43.8c.8 0 1.5.8 1.5 1.8"/><g fill="#636a6b"><circle cx="48" cy="33.5" r="3"/><path d="M58 7.4c0 2-1.6 3.6-3.6 3.6s-3.6-1.6-3.6-3.6z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#9e958f" d="M58.2 35.8c0 8-6.5 14.5-14.5 14.5V35.8z"/><path fill="#e2d8c7" d="M59.3 3.3h-9.8c-.8 0-1.5.7-1.5 1.3v29.9c0 .6.7 1.6 1.5 1.6h9.8c.8 0 1.5-1 1.5-1.6V4.6c0-.5-.7-1.3-1.5-1.3"/><path fill="#c6bbb3" d="M60.3 0H48.5c-1 0-1.8.9-1.8 1.6v1.9c0 .7.8 1.9 1.8 1.9h11.9c1 0 1.8-1.3 1.8-1.9V1.6c0-.7-.9-1.6-1.9-1.6M44 52q0-3.75 1.8-6.9H10.5c1.1 2 1.8 4.4 1.8 6.9c0 4.7-2.3 7.9-5.8 10.5h43.4C46.2 59.9 44 56.7 44 52"/><path fill="#e2d8c7" d="M51 62.5c0 .8-.7 1.5-1.5 1.5H6.8c-.8 0-1.5-.7-1.5-1.5S6 61 6.8 61h42.7c.8 0 1.5.7 1.5 1.5m-22.9-8.7c12.6 0 22.9-8 22.9-18H5.2c0 10 10.3 18 22.9 18"/><path fill="#c6bbb3" d="M48.7 35.1c0 1-.7 1.8-1.5 1.8H3.4c-.8 0-1.5-.8-1.5-1.8s.7-1.8 1.5-1.8h43.8c.8 0 1.5.8 1.5 1.8"/><path fill="#42ade2" d="M48.7 31.4c0 1-.7 1.8-1.5 1.8H3.4c-.8 0-1.5-.8-1.5-1.8s.7-1.8 1.5-1.8h43.8c.8 0 1.5.8 1.5 1.8"/><g fill="#636a6b"><circle cx="48" cy="33.5" r="3"/><path d="M58 7.4c0 2-1.6 3.6-3.6 3.6s-3.6-1.6-3.6-3.6z"/></g></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%2064%2064%22%3E%3Cpath%20fill%3D%22%239e958f%22%20d%3D%22M58.2%2035.8c0%208-6.5%2014.5-14.5%2014.5V35.8z%22%2F%3E%3Cpath%20fill%3D%22%23e2d8c7%22%20d%3D%22M59.3%203.3h-9.8c-.8%200-1.5.7-1.5%201.3v29.9c0%20.6.7%201.6%201.5%201.6h9.8c.8%200%201.5-1%201.5-1.6V4.6c0-.5-.7-1.3-1.5-1.3%22%2F%3E%3Cpath%20fill%3D%22%23c6bbb3%22%20d%3D%22M60.3%200H48.5c-1%200-1.8.9-1.8%201.6v1.9c0%20.7.8%201.9%201.8%201.9h11.9c1%200%201.8-1.3%201.8-1.9V1.6c0-.7-.9-1.6-1.9-1.6M44%2052q0-3.75%201.8-6.9H10.5c1.1%202%201.8%204.4%201.8%206.9c0%204.7-2.3%207.9-5.8%2010.5h43.4C46.2%2059.9%2044%2056.7%2044%2052%22%2F%3E%3Cpath%20fill%3D%22%23e2d8c7%22%20d%3D%22M51%2062.5c0%20.8-.7%201.5-1.5%201.5H6.8c-.8%200-1.5-.7-1.5-1.5S6%2061%206.8%2061h42.7c.8%200%201.5.7%201.5%201.5m-22.9-8.7c12.6%200%2022.9-8%2022.9-18H5.2c0%2010%2010.3%2018%2022.9%2018%22%2F%3E%3Cpath%20fill%3D%22%23c6bbb3%22%20d%3D%22M48.7%2035.1c0%201-.7%201.8-1.5%201.8H3.4c-.8%200-1.5-.8-1.5-1.8s.7-1.8%201.5-1.8h43.8c.8%200%201.5.8%201.5%201.8%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M48.7%2031.4c0%201-.7%201.8-1.5%201.8H3.4c-.8%200-1.5-.8-1.5-1.8s.7-1.8%201.5-1.8h43.8c.8%200%201.5.8%201.5%201.8%22%2F%3E%3Cg%20fill%3D%22%23636a6b%22%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2233.5%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M58%207.4c0%202-1.6%203.6-3.6%203.6s-3.6-1.6-3.6-3.6z%22%2F%3E%3C%2Fg%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%2064%2064%22%3E%3Cpath%20fill%3D%22%239e958f%22%20d%3D%22M58.2%2035.8c0%208-6.5%2014.5-14.5%2014.5V35.8z%22%2F%3E%3Cpath%20fill%3D%22%23e2d8c7%22%20d%3D%22M59.3%203.3h-9.8c-.8%200-1.5.7-1.5%201.3v29.9c0%20.6.7%201.6%201.5%201.6h9.8c.8%200%201.5-1%201.5-1.6V4.6c0-.5-.7-1.3-1.5-1.3%22%2F%3E%3Cpath%20fill%3D%22%23c6bbb3%22%20d%3D%22M60.3%200H48.5c-1%200-1.8.9-1.8%201.6v1.9c0%20.7.8%201.9%201.8%201.9h11.9c1%200%201.8-1.3%201.8-1.9V1.6c0-.7-.9-1.6-1.9-1.6M44%2052q0-3.75%201.8-6.9H10.5c1.1%202%201.8%204.4%201.8%206.9c0%204.7-2.3%207.9-5.8%2010.5h43.4C46.2%2059.9%2044%2056.7%2044%2052%22%2F%3E%3Cpath%20fill%3D%22%23e2d8c7%22%20d%3D%22M51%2062.5c0%20.8-.7%201.5-1.5%201.5H6.8c-.8%200-1.5-.7-1.5-1.5S6%2061%206.8%2061h42.7c.8%200%201.5.7%201.5%201.5m-22.9-8.7c12.6%200%2022.9-8%2022.9-18H5.2c0%2010%2010.3%2018%2022.9%2018%22%2F%3E%3Cpath%20fill%3D%22%23c6bbb3%22%20d%3D%22M48.7%2035.1c0%201-.7%201.8-1.5%201.8H3.4c-.8%200-1.5-.8-1.5-1.8s.7-1.8%201.5-1.8h43.8c.8%200%201.5.8%201.5%201.8%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M48.7%2031.4c0%201-.7%201.8-1.5%201.8H3.4c-.8%200-1.5-.8-1.5-1.8s.7-1.8%201.5-1.8h43.8c.8%200%201.5.8%201.5%201.8%22%2F%3E%3Cg%20fill%3D%22%23636a6b%22%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2233.5%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M58%207.4c0%202-1.6%203.6-3.6%203.6s-3.6-1.6-3.6-3.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/toilet.svg?color=%231a73e8&size=48
