toilet icon

toilet-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
toilet-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

toilettoilet-boldtoilet-duotonetoilet-filltoilet-thin

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="M118 64a6 6 0 0 1-6 6H96a6 6 0 0 1 0-12h16a6 6 0 0 1 6 6m52.14 132l3.72 26A14 14 0 0 1 160 238H96a14 14 0 0 1-13.86-16l3.72-26A94.1 94.1 0 0 1 34 112a6 6 0 0 1 6-6h18V40a14 14 0 0 1 14-14h112a14 14 0 0 1 14 14v66h18a6 6 0 0 1 6 6a94.1 94.1 0 0 1-51.86 84M70 106h116V40a2 2 0 0 0-2-2H72a2 2 0 0 0-2 2Zm88.71 94.84a94 94 0 0 1-61.42 0L94 223.72a2 2 0 0 0 .47 1.59A2 2 0 0 0 96 226h64a2 2 0 0 0 1.51-.69a2 2 0 0 0 .47-1.59ZM209.78 118H46.22a82 82 0 0 0 163.56 0"/></svg>

React

import type { SVGProps } from "react";

export function PhToiletLight(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="M118 64a6 6 0 0 1-6 6H96a6 6 0 0 1 0-12h16a6 6 0 0 1 6 6m52.14 132l3.72 26A14 14 0 0 1 160 238H96a14 14 0 0 1-13.86-16l3.72-26A94.1 94.1 0 0 1 34 112a6 6 0 0 1 6-6h18V40a14 14 0 0 1 14-14h112a14 14 0 0 1 14 14v66h18a6 6 0 0 1 6 6a94.1 94.1 0 0 1-51.86 84M70 106h116V40a2 2 0 0 0-2-2H72a2 2 0 0 0-2 2Zm88.71 94.84a94 94 0 0 1-61.42 0L94 223.72a2 2 0 0 0 .47 1.59A2 2 0 0 0 96 226h64a2 2 0 0 0 1.51-.69a2 2 0 0 0 .47-1.59ZM209.78 118H46.22a82 82 0 0 0 163.56 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="M118 64a6 6 0 0 1-6 6H96a6 6 0 0 1 0-12h16a6 6 0 0 1 6 6m52.14 132l3.72 26A14 14 0 0 1 160 238H96a14 14 0 0 1-13.86-16l3.72-26A94.1 94.1 0 0 1 34 112a6 6 0 0 1 6-6h18V40a14 14 0 0 1 14-14h112a14 14 0 0 1 14 14v66h18a6 6 0 0 1 6 6a94.1 94.1 0 0 1-51.86 84M70 106h116V40a2 2 0 0 0-2-2H72a2 2 0 0 0-2 2Zm88.71 94.84a94 94 0 0 1-61.42 0L94 223.72a2 2 0 0 0 .47 1.59A2 2 0 0 0 96 226h64a2 2 0 0 0 1.51-.69a2 2 0 0 0 .47-1.59ZM209.78 118H46.22a82 82 0 0 0 163.56 0"/></svg>
</template>

CSS

.icon-toilet-light {
  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%22M118%2064a6%206%200%200%201-6%206H96a6%206%200%200%201%200-12h16a6%206%200%200%201%206%206m52.14%20132l3.72%2026A14%2014%200%200%201%20160%20238H96a14%2014%200%200%201-13.86-16l3.72-26A94.1%2094.1%200%200%201%2034%20112a6%206%200%200%201%206-6h18V40a14%2014%200%200%201%2014-14h112a14%2014%200%200%201%2014%2014v66h18a6%206%200%200%201%206%206a94.1%2094.1%200%200%201-51.86%2084M70%20106h116V40a2%202%200%200%200-2-2H72a2%202%200%200%200-2%202Zm88.71%2094.84a94%2094%200%200%201-61.42%200L94%20223.72a2%202%200%200%200%20.47%201.59A2%202%200%200%200%2096%20226h64a2%202%200%200%200%201.51-.69a2%202%200%200%200%20.47-1.59ZM209.78%20118H46.22a82%2082%200%200%200%20163.56%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%22M118%2064a6%206%200%200%201-6%206H96a6%206%200%200%201%200-12h16a6%206%200%200%201%206%206m52.14%20132l3.72%2026A14%2014%200%200%201%20160%20238H96a14%2014%200%200%201-13.86-16l3.72-26A94.1%2094.1%200%200%201%2034%20112a6%206%200%200%201%206-6h18V40a14%2014%200%200%201%2014-14h112a14%2014%200%200%201%2014%2014v66h18a6%206%200%200%201%206%206a94.1%2094.1%200%200%201-51.86%2084M70%20106h116V40a2%202%200%200%200-2-2H72a2%202%200%200%200-2%202Zm88.71%2094.84a94%2094%200%200%201-61.42%200L94%20223.72a2%202%200%200%200%20.47%201.59A2%202%200%200%200%2096%20226h64a2%202%200%200%200%201.51-.69a2%202%200%200%200%20.47-1.59ZM209.78%20118H46.22a82%2082%200%200%200%20163.56%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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