toilet icon
toilet from IconPark Outline by ByteDance · Outline · Hardware · Apache-2.0 Free for personal and commercial use.
- Name
- toilet
- Set
- IconPark Outline
- Style
- Outline
- Category
- Hardware
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon 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 SolidtoiletIconPark TwoTonetoiletLine AwesometoiletLucidetoiletMaterial Design IconstoiletNoto EmojitoiletOpenMojitoiletPhosphortoiletStreamline EmojistoiletTwitter Emoji
More hardware icons from IconPark Outline
Use the toilet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M19.999 10h8v12h-8zM17 35l-5 9h24l-5-9"/><path stroke-linecap="round" stroke-linejoin="round" d="M33.999 22V5a1 1 0 0 0-1-1h-18a1 1 0 0 0-1 1v17"/><path d="M6.08 22.364A.3.3 0 0 1 6.372 22h35.254a.3.3 0 0 1 .292.364c-1.224 5.508-4.635 10.452-10 12.2C29.436 35.374 26.656 36 24 36s-5.436-.627-7.92-1.436c-5.365-1.749-8.776-6.692-10-12.2Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineToilet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeWidth="4"><path strokeLinecap="round" strokeLinejoin="round" d="M19.999 10h8v12h-8zM17 35l-5 9h24l-5-9"/><path strokeLinecap="round" strokeLinejoin="round" d="M33.999 22V5a1 1 0 0 0-1-1h-18a1 1 0 0 0-1 1v17"/><path d="M6.08 22.364A.3.3 0 0 1 6.372 22h35.254a.3.3 0 0 1 .292.364c-1.224 5.508-4.635 10.452-10 12.2C29.436 35.374 26.656 36 24 36s-5.436-.627-7.92-1.436c-5.365-1.749-8.776-6.692-10-12.2Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M19.999 10h8v12h-8zM17 35l-5 9h24l-5-9"/><path stroke-linecap="round" stroke-linejoin="round" d="M33.999 22V5a1 1 0 0 0-1-1h-18a1 1 0 0 0-1 1v17"/><path d="M6.08 22.364A.3.3 0 0 1 6.372 22h35.254a.3.3 0 0 1 .292.364c-1.224 5.508-4.635 10.452-10 12.2C29.436 35.374 26.656 36 24 36s-5.436-.627-7.92-1.436c-5.365-1.749-8.776-6.692-10-12.2Z"/></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.999%2010h8v12h-8zM17%2035l-5%209h24l-5-9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33.999%2022V5a1%201%200%200%200-1-1h-18a1%201%200%200%200-1%201v17%22%2F%3E%3Cpath%20d%3D%22M6.08%2022.364A.3.3%200%200%201%206.372%2022h35.254a.3.3%200%200%201%20.292.364c-1.224%205.508-4.635%2010.452-10%2012.2C29.436%2035.374%2026.656%2036%2024%2036s-5.436-.627-7.92-1.436c-5.365-1.749-8.776-6.692-10-12.2Z%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.999%2010h8v12h-8zM17%2035l-5%209h24l-5-9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M33.999%2022V5a1%201%200%200%200-1-1h-18a1%201%200%200%200-1%201v17%22%2F%3E%3Cpath%20d%3D%22M6.08%2022.364A.3.3%200%200%201%206.372%2022h35.254a.3.3%200%200%201%20.292.364c-1.224%205.508-4.635%2010.452-10%2012.2C29.436%2035.374%2026.656%2036%2024%2036s-5.436-.627-7.92-1.436c-5.365-1.749-8.776-6.692-10-12.2Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/toilet.svg?color=%231a73e8&size=48
