toilet icon
toilet from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- toilet
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- toilet-solid
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 SolidtoiletIconPark TwoTonetoiletLucidetoiletMaterial Design IconstoiletNoto EmojitoiletOpenMojitoiletPhosphortoiletStreamline EmojistoiletTwitter Emoji
More objects icons from Line Awesome
Use the toilet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6 4c-.523 0-1.059.184-1.438.563C4.184 4.94 4 5.476 4 6v11c0 2.79 1.652 5.117 4 6.594V28h15v-4.406c2.348-1.477 4-3.805 4-6.594v-1H14V6c0-.523-.184-1.059-.563-1.438C13.06 4.184 12.524 4 12 4zm0 2h6v10H6zm2 2v3h2V8zM6.312 18h18.375c-.355 1.727-1.367 3.25-3.156 4.219L21 22.5V26H10v-3.5l-.531-.281C7.679 21.25 6.668 19.727 6.313 18z"/></svg>
React
import type { SVGProps } from "react";
export function LaToilet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6 4c-.523 0-1.059.184-1.438.563C4.184 4.94 4 5.476 4 6v11c0 2.79 1.652 5.117 4 6.594V28h15v-4.406c2.348-1.477 4-3.805 4-6.594v-1H14V6c0-.523-.184-1.059-.563-1.438C13.06 4.184 12.524 4 12 4zm0 2h6v10H6zm2 2v3h2V8zM6.312 18h18.375c-.355 1.727-1.367 3.25-3.156 4.219L21 22.5V26H10v-3.5l-.531-.281C7.679 21.25 6.668 19.727 6.313 18z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6 4c-.523 0-1.059.184-1.438.563C4.184 4.94 4 5.476 4 6v11c0 2.79 1.652 5.117 4 6.594V28h15v-4.406c2.348-1.477 4-3.805 4-6.594v-1H14V6c0-.523-.184-1.059-.563-1.438C13.06 4.184 12.524 4 12 4zm0 2h6v10H6zm2 2v3h2V8zM6.312 18h18.375c-.355 1.727-1.367 3.25-3.156 4.219L21 22.5V26H10v-3.5l-.531-.281C7.679 21.25 6.668 19.727 6.313 18z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%204c-.523%200-1.059.184-1.438.563C4.184%204.94%204%205.476%204%206v11c0%202.79%201.652%205.117%204%206.594V28h15v-4.406c2.348-1.477%204-3.805%204-6.594v-1H14V6c0-.523-.184-1.059-.563-1.438C13.06%204.184%2012.524%204%2012%204zm0%202h6v10H6zm2%202v3h2V8zM6.312%2018h18.375c-.355%201.727-1.367%203.25-3.156%204.219L21%2022.5V26H10v-3.5l-.531-.281C7.679%2021.25%206.668%2019.727%206.313%2018z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%204c-.523%200-1.059.184-1.438.563C4.184%204.94%204%205.476%204%206v11c0%202.79%201.652%205.117%204%206.594V28h15v-4.406c2.348-1.477%204-3.805%204-6.594v-1H14V6c0-.523-.184-1.059-.563-1.438C13.06%204.184%2012.524%204%2012%204zm0%202h6v10H6zm2%202v3h2V8zM6.312%2018h18.375c-.355%201.727-1.367%203.25-3.156%204.219L21%2022.5V26H10v-3.5l-.531-.281C7.679%2021.25%206.668%2019.727%206.313%2018z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/toilet.svg?color=%231a73e8&size=48
