toilet icon
toilet from IconPark TwoTone by ByteDance · Two tone · Hardware · Apache-2.0 Free for personal and commercial use.
- Name
- toilet
- Set
- IconPark TwoTone
- Style
- Two tone
- 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 OutlinetoiletIconPark SolidtoiletLine AwesometoiletLucidetoiletMaterial Design IconstoiletNoto EmojitoiletOpenMojitoiletPhosphortoiletStreamline EmojistoiletTwitter Emoji
More hardware icons from IconPark TwoTone
Use the toilet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVG4rk0GeeZ"><g fill="none" stroke="#fff" stroke-width="4"><path fill="#555" stroke-linecap="round" stroke-linejoin="round" d="M19.999 10h8v12h-8z"/><path stroke-linecap="round" stroke-linejoin="round" d="m17 35l-5 9h24l-5-9m2.999-13V5a1 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></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG4rk0GeeZ)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkTwotoneToilet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVG4rk0GeeZ"><g fill="none" stroke="#fff" strokeWidth="4"><path fill="#555" strokeLinecap="round" strokeLinejoin="round" d="M19.999 10h8v12h-8z"/><path strokeLinecap="round" strokeLinejoin="round" d="m17 35l-5 9h24l-5-9m2.999-13V5a1 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></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG4rk0GeeZ)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVG4rk0GeeZ"><g fill="none" stroke="#fff" stroke-width="4"><path fill="#555" stroke-linecap="round" stroke-linejoin="round" d="M19.999 10h8v12h-8z"/><path stroke-linecap="round" stroke-linejoin="round" d="m17 35l-5 9h24l-5-9m2.999-13V5a1 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></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG4rk0GeeZ)"/></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%3Cdefs%3E%3Cmask%20id%3D%22SVG4rk0GeeZ%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23555%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.999%2010h8v12h-8z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m17%2035l-5%209h24l-5-9m2.999-13V5a1%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%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVG4rk0GeeZ)%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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVG4rk0GeeZ%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23555%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.999%2010h8v12h-8z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m17%2035l-5%209h24l-5-9m2.999-13V5a1%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%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVG4rk0GeeZ)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-twotone/toilet.svg?color=%231a73e8&size=48
