toilet emoji
toilet from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- toilet
- Set
- Fluent Emoji Flat
- 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 High ContrasttoiletFirefox OS EmojitoiletIconParktoiletIconPark OutlinetoiletIconPark SolidtoiletIconPark TwoTonetoiletLine AwesometoiletLucidetoiletMaterial Design IconstoiletNoto EmojitoiletOpenMojitoiletPhosphortoiletStreamline EmojistoiletTwitter Emoji
More objects icons from Fluent Emoji Flat
Use the toilet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#b4acbc" d="M3.5 14A1.5 1.5 0 0 0 2 15.5v1a.5.5 0 0 0 .5.5h1L9 24l-2 4s-1 2 1 2h14c1 0 2-1 2-2v-8c0-1.5 2-3 2-3h-2.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5z"/><path fill="#cdc4d6" d="M21 2a1 1 0 0 0-1 1v12c0 .768.289 1.47.764 2H3.2c.927 4.564 4.962 8 9.8 8c4.49 0 8.289-2.959 9.553-7.033Q22.772 18 23 18h2a3 3 0 0 0 3-3V3a1 1 0 0 0-1-1z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatToilet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#b4acbc" d="M3.5 14A1.5 1.5 0 0 0 2 15.5v1a.5.5 0 0 0 .5.5h1L9 24l-2 4s-1 2 1 2h14c1 0 2-1 2-2v-8c0-1.5 2-3 2-3h-2.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5z"/><path fill="#cdc4d6" d="M21 2a1 1 0 0 0-1 1v12c0 .768.289 1.47.764 2H3.2c.927 4.564 4.962 8 9.8 8c4.49 0 8.289-2.959 9.553-7.033Q22.772 18 23 18h2a3 3 0 0 0 3-3V3a1 1 0 0 0-1-1z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#b4acbc" d="M3.5 14A1.5 1.5 0 0 0 2 15.5v1a.5.5 0 0 0 .5.5h1L9 24l-2 4s-1 2 1 2h14c1 0 2-1 2-2v-8c0-1.5 2-3 2-3h-2.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5z"/><path fill="#cdc4d6" d="M21 2a1 1 0 0 0-1 1v12c0 .768.289 1.47.764 2H3.2c.927 4.564 4.962 8 9.8 8c4.49 0 8.289-2.959 9.553-7.033Q22.772 18 23 18h2a3 3 0 0 0 3-3V3a1 1 0 0 0-1-1z"/></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M3.5%2014A1.5%201.5%200%200%200%202%2015.5v1a.5.5%200%200%200%20.5.5h1L9%2024l-2%204s-1%202%201%202h14c1%200%202-1%202-2v-8c0-1.5%202-3%202-3h-2.5a.5.5%200%200%200%20.5-.5v-2a.5.5%200%200%200-.5-.5z%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M21%202a1%201%200%200%200-1%201v12c0%20.768.289%201.47.764%202H3.2c.927%204.564%204.962%208%209.8%208c4.49%200%208.289-2.959%209.553-7.033Q22.772%2018%2023%2018h2a3%203%200%200%200%203-3V3a1%201%200%200%200-1-1z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M3.5%2014A1.5%201.5%200%200%200%202%2015.5v1a.5.5%200%200%200%20.5.5h1L9%2024l-2%204s-1%202%201%202h14c1%200%202-1%202-2v-8c0-1.5%202-3%202-3h-2.5a.5.5%200%200%200%20.5-.5v-2a.5.5%200%200%200-.5-.5z%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M21%202a1%201%200%200%200-1%201v12c0%20.768.289%201.47.764%202H3.2c.927%204.564%204.962%208%209.8%208c4.49%200%208.289-2.959%209.553-7.033Q22.772%2018%2023%2018h2a3%203%200%200%200%203-3V3a1%201%200%200%200-1-1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/toilet.svg?color=%231a73e8&size=48
