toilet icon

toilet-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
toilet-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

toilettoilet-boldtoilet-duotonetoilet-filltoilet-light

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 TwoTonetoiletLine AwesometoiletLucidetoiletMaterial Design IconstoiletNoto EmojitoiletOpenMojitoiletStreamline EmojistoiletTwitter Emoji

Related icons in Phosphor

toilet-paper

Use the toilet icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M116 64a4 4 0 0 1-4 4H96a4 4 0 0 1 0-8h16a4 4 0 0 1 4 4m52 130.86l3.92 27.44A12 12 0 0 1 160 236H96a12 12 0 0 1-11.88-13.7L88 194.86A92.11 92.11 0 0 1 36 112a4 4 0 0 1 4-4h20V40a12 12 0 0 1 12-12h112a12 12 0 0 1 12 12v68h20a4 4 0 0 1 4 4a92.11 92.11 0 0 1-52 82.86M68 108h120V40a4 4 0 0 0-4-4H72a4 4 0 0 0-4 4Zm92.34 90.13a92 92 0 0 1-64.68 0L92 223.43a4 4 0 0 0 .94 3.19A3.93 3.93 0 0 0 96 228h64a3.93 3.93 0 0 0 3-1.38a4 4 0 0 0 .94-3.19ZM211.91 116H44.09a84 84 0 0 0 167.82 0"/></svg>

React

import type { SVGProps } from "react";

export function PhToiletThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M116 64a4 4 0 0 1-4 4H96a4 4 0 0 1 0-8h16a4 4 0 0 1 4 4m52 130.86l3.92 27.44A12 12 0 0 1 160 236H96a12 12 0 0 1-11.88-13.7L88 194.86A92.11 92.11 0 0 1 36 112a4 4 0 0 1 4-4h20V40a12 12 0 0 1 12-12h112a12 12 0 0 1 12 12v68h20a4 4 0 0 1 4 4a92.11 92.11 0 0 1-52 82.86M68 108h120V40a4 4 0 0 0-4-4H72a4 4 0 0 0-4 4Zm92.34 90.13a92 92 0 0 1-64.68 0L92 223.43a4 4 0 0 0 .94 3.19A3.93 3.93 0 0 0 96 228h64a3.93 3.93 0 0 0 3-1.38a4 4 0 0 0 .94-3.19ZM211.91 116H44.09a84 84 0 0 0 167.82 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M116 64a4 4 0 0 1-4 4H96a4 4 0 0 1 0-8h16a4 4 0 0 1 4 4m52 130.86l3.92 27.44A12 12 0 0 1 160 236H96a12 12 0 0 1-11.88-13.7L88 194.86A92.11 92.11 0 0 1 36 112a4 4 0 0 1 4-4h20V40a12 12 0 0 1 12-12h112a12 12 0 0 1 12 12v68h20a4 4 0 0 1 4 4a92.11 92.11 0 0 1-52 82.86M68 108h120V40a4 4 0 0 0-4-4H72a4 4 0 0 0-4 4Zm92.34 90.13a92 92 0 0 1-64.68 0L92 223.43a4 4 0 0 0 .94 3.19A3.93 3.93 0 0 0 96 228h64a3.93 3.93 0 0 0 3-1.38a4 4 0 0 0 .94-3.19ZM211.91 116H44.09a84 84 0 0 0 167.82 0"/></svg>
</template>

CSS

.icon-toilet-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M116%2064a4%204%200%200%201-4%204H96a4%204%200%200%201%200-8h16a4%204%200%200%201%204%204m52%20130.86l3.92%2027.44A12%2012%200%200%201%20160%20236H96a12%2012%200%200%201-11.88-13.7L88%20194.86A92.11%2092.11%200%200%201%2036%20112a4%204%200%200%201%204-4h20V40a12%2012%200%200%201%2012-12h112a12%2012%200%200%201%2012%2012v68h20a4%204%200%200%201%204%204a92.11%2092.11%200%200%201-52%2082.86M68%20108h120V40a4%204%200%200%200-4-4H72a4%204%200%200%200-4%204Zm92.34%2090.13a92%2092%200%200%201-64.68%200L92%20223.43a4%204%200%200%200%20.94%203.19A3.93%203.93%200%200%200%2096%20228h64a3.93%203.93%200%200%200%203-1.38a4%204%200%200%200%20.94-3.19ZM211.91%20116H44.09a84%2084%200%200%200%20167.82%200%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M116%2064a4%204%200%200%201-4%204H96a4%204%200%200%201%200-8h16a4%204%200%200%201%204%204m52%20130.86l3.92%2027.44A12%2012%200%200%201%20160%20236H96a12%2012%200%200%201-11.88-13.7L88%20194.86A92.11%2092.11%200%200%201%2036%20112a4%204%200%200%201%204-4h20V40a12%2012%200%200%201%2012-12h112a12%2012%200%200%201%2012%2012v68h20a4%204%200%200%201%204%204a92.11%2092.11%200%200%201-52%2082.86M68%20108h120V40a4%204%200%200%200-4-4H72a4%204%200%200%200-4%204Zm92.34%2090.13a92%2092%200%200%201-64.68%200L92%20223.43a4%204%200%200%200%20.94%203.19A3.93%203.93%200%200%200%2096%20228h64a3.93%203.93%200%200%200%203-1.38a4%204%200%200%200%20.94-3.19ZM211.91%20116H44.09a84%2084%200%200%200%20167.82%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/toilet-thin.svg?color=%231a73e8&size=48