toilet emoji

toilet from Streamline Emojis by Streamline · Default · Objects · CC-BY-4.0 Attribution required.

Name
toilet
Set
Streamline Emojis
Style
Default
Category
Objects
Viewbox
48×48
License
CC BY 4.0

The same emoji 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 EmojitoiletOpenMojitoiletPhosphortoiletTwitter Emoji

More objects icons from Streamline Emojis

balloonbar-chartbarber-polebathtubbatterybombbriefcasecalendarcigaretteclapper-boardclipboardcomputer-diskconfetti-ballcredit-cardcrystal-ball-1crystal-ball-2dollar-banknotedoore-mail-1e-mail-2electric-plugfax-machinefile-folderflashlight

Use the toilet emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M7.98 45.34a16.02 1.66 0 1 0 32.04 0a16.02 1.66 0 1 0-32.04 0" opacity=".15"/><path fill="#fff" d="M34.07 44.5H18.62a1 1 0 0 1-1-1.1V26.55h20.44a17 17 0 0 0-3 9.69v7.16a1.05 1.05 0 0 1-.99 1.1"/><path fill="#e0e0e0" d="M17.63 40.08a14.5 14.5 0 0 0 2.57.23a13.41 13.41 0 0 0 12-7.9a2.17 2.17 0 0 1 2-1.37h1.72a16.4 16.4 0 0 1 2.19-4.49H17.63Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.07 44.5H18.62a1 1 0 0 1-1-1.1V26.55h20.44a17 17 0 0 0-3 9.69v7.16a1.05 1.05 0 0 1-.99 1.1"/><path fill="#fff" d="M28.85 26.55v18H13.51a1.1 1.1 0 0 1-.75-1.91a13.84 13.84 0 0 0 3.88-5.68a35.1 35.1 0 0 0 1.65-10.36Z"/><path fill="#e0e0e0" d="M16.64 36.91a12.7 12.7 0 0 1-1.36 2.76a33.6 33.6 0 0 0 5.65.47a18.8 18.8 0 0 0 7.92-1.73V26.55H18.29a35.1 35.1 0 0 1-1.65 10.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.85 26.55v18H13.51a1.1 1.1 0 0 1-.75-1.91a13.84 13.84 0 0 0 3.88-5.68a35.1 35.1 0 0 0 1.65-10.36Z"/><path fill="#fff" d="M29.87 7.22h10.58v18.23a1.1 1.1 0 0 1-1.1 1.1H31a1.1 1.1 0 0 1-1.1-1.1V7.22z"/><path fill="#e0e0e0" d="M29.87 7.22h10.59v3.24H29.87z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.87 7.22h10.58v18.23a1.1 1.1 0 0 1-1.1 1.1H31a1.1 1.1 0 0 1-1.1-1.1V7.22z"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.95 4.46h12.43v2.76H28.95Z"/><path fill="#fff" d="M31.25 26.55c0 5.72-4.95 10.36-11 10.36c-8.4 0-13.37-4.64-13.37-10.36Z"/><path fill="#e0e0e0" d="M7.28 29.42h23.54a9.7 9.7 0 0 0 .43-2.87H6.83a9.4 9.4 0 0 0 .45 2.87"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.25 26.55c0 5.72-4.95 10.36-11 10.36c-8.4 0-13.37-4.64-13.37-10.36Z"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.21 23.79a1.39 1.39 0 1 0 0 2.76h22.66v-2.76ZM28.95 9.84h.92v3.87h0h-.92a1.1 1.1 0 0 1-1.1-1.1v-1.66a1.1 1.1 0 0 1 1.1-1.11"/></svg>

React

import type { SVGProps } from "react";

export function StreamlineEmojisToilet(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M7.98 45.34a16.02 1.66 0 1 0 32.04 0a16.02 1.66 0 1 0-32.04 0" opacity=".15"/><path fill="#fff" d="M34.07 44.5H18.62a1 1 0 0 1-1-1.1V26.55h20.44a17 17 0 0 0-3 9.69v7.16a1.05 1.05 0 0 1-.99 1.1"/><path fill="#e0e0e0" d="M17.63 40.08a14.5 14.5 0 0 0 2.57.23a13.41 13.41 0 0 0 12-7.9a2.17 2.17 0 0 1 2-1.37h1.72a16.4 16.4 0 0 1 2.19-4.49H17.63Z"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M34.07 44.5H18.62a1 1 0 0 1-1-1.1V26.55h20.44a17 17 0 0 0-3 9.69v7.16a1.05 1.05 0 0 1-.99 1.1"/><path fill="#fff" d="M28.85 26.55v18H13.51a1.1 1.1 0 0 1-.75-1.91a13.84 13.84 0 0 0 3.88-5.68a35.1 35.1 0 0 0 1.65-10.36Z"/><path fill="#e0e0e0" d="M16.64 36.91a12.7 12.7 0 0 1-1.36 2.76a33.6 33.6 0 0 0 5.65.47a18.8 18.8 0 0 0 7.92-1.73V26.55H18.29a35.1 35.1 0 0 1-1.65 10.36"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M28.85 26.55v18H13.51a1.1 1.1 0 0 1-.75-1.91a13.84 13.84 0 0 0 3.88-5.68a35.1 35.1 0 0 0 1.65-10.36Z"/><path fill="#fff" d="M29.87 7.22h10.58v18.23a1.1 1.1 0 0 1-1.1 1.1H31a1.1 1.1 0 0 1-1.1-1.1V7.22z"/><path fill="#e0e0e0" d="M29.87 7.22h10.59v3.24H29.87z"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M29.87 7.22h10.58v18.23a1.1 1.1 0 0 1-1.1 1.1H31a1.1 1.1 0 0 1-1.1-1.1V7.22z"/><path fill="#fff" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M28.95 4.46h12.43v2.76H28.95Z"/><path fill="#fff" d="M31.25 26.55c0 5.72-4.95 10.36-11 10.36c-8.4 0-13.37-4.64-13.37-10.36Z"/><path fill="#e0e0e0" d="M7.28 29.42h23.54a9.7 9.7 0 0 0 .43-2.87H6.83a9.4 9.4 0 0 0 .45 2.87"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M31.25 26.55c0 5.72-4.95 10.36-11 10.36c-8.4 0-13.37-4.64-13.37-10.36Z"/><path fill="#fff" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M7.21 23.79a1.39 1.39 0 1 0 0 2.76h22.66v-2.76ZM28.95 9.84h.92v3.87h0h-.92a1.1 1.1 0 0 1-1.1-1.1v-1.66a1.1 1.1 0 0 1 1.1-1.11"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M7.98 45.34a16.02 1.66 0 1 0 32.04 0a16.02 1.66 0 1 0-32.04 0" opacity=".15"/><path fill="#fff" d="M34.07 44.5H18.62a1 1 0 0 1-1-1.1V26.55h20.44a17 17 0 0 0-3 9.69v7.16a1.05 1.05 0 0 1-.99 1.1"/><path fill="#e0e0e0" d="M17.63 40.08a14.5 14.5 0 0 0 2.57.23a13.41 13.41 0 0 0 12-7.9a2.17 2.17 0 0 1 2-1.37h1.72a16.4 16.4 0 0 1 2.19-4.49H17.63Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.07 44.5H18.62a1 1 0 0 1-1-1.1V26.55h20.44a17 17 0 0 0-3 9.69v7.16a1.05 1.05 0 0 1-.99 1.1"/><path fill="#fff" d="M28.85 26.55v18H13.51a1.1 1.1 0 0 1-.75-1.91a13.84 13.84 0 0 0 3.88-5.68a35.1 35.1 0 0 0 1.65-10.36Z"/><path fill="#e0e0e0" d="M16.64 36.91a12.7 12.7 0 0 1-1.36 2.76a33.6 33.6 0 0 0 5.65.47a18.8 18.8 0 0 0 7.92-1.73V26.55H18.29a35.1 35.1 0 0 1-1.65 10.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.85 26.55v18H13.51a1.1 1.1 0 0 1-.75-1.91a13.84 13.84 0 0 0 3.88-5.68a35.1 35.1 0 0 0 1.65-10.36Z"/><path fill="#fff" d="M29.87 7.22h10.58v18.23a1.1 1.1 0 0 1-1.1 1.1H31a1.1 1.1 0 0 1-1.1-1.1V7.22z"/><path fill="#e0e0e0" d="M29.87 7.22h10.59v3.24H29.87z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.87 7.22h10.58v18.23a1.1 1.1 0 0 1-1.1 1.1H31a1.1 1.1 0 0 1-1.1-1.1V7.22z"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.95 4.46h12.43v2.76H28.95Z"/><path fill="#fff" d="M31.25 26.55c0 5.72-4.95 10.36-11 10.36c-8.4 0-13.37-4.64-13.37-10.36Z"/><path fill="#e0e0e0" d="M7.28 29.42h23.54a9.7 9.7 0 0 0 .43-2.87H6.83a9.4 9.4 0 0 0 .45 2.87"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.25 26.55c0 5.72-4.95 10.36-11 10.36c-8.4 0-13.37-4.64-13.37-10.36Z"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.21 23.79a1.39 1.39 0 1 0 0 2.76h22.66v-2.76ZM28.95 9.84h.92v3.87h0h-.92a1.1 1.1 0 0 1-1.1-1.1v-1.66a1.1 1.1 0 0 1 1.1-1.11"/></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%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M7.98%2045.34a16.02%201.66%200%201%200%2032.04%200a16.02%201.66%200%201%200-32.04%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.07%2044.5H18.62a1%201%200%200%201-1-1.1V26.55h20.44a17%2017%200%200%200-3%209.69v7.16a1.05%201.05%200%200%201-.99%201.1%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M17.63%2040.08a14.5%2014.5%200%200%200%202.57.23a13.41%2013.41%200%200%200%2012-7.9a2.17%202.17%200%200%201%202-1.37h1.72a16.4%2016.4%200%200%201%202.19-4.49H17.63Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M34.07%2044.5H18.62a1%201%200%200%201-1-1.1V26.55h20.44a17%2017%200%200%200-3%209.69v7.16a1.05%201.05%200%200%201-.99%201.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.85%2026.55v18H13.51a1.1%201.1%200%200%201-.75-1.91a13.84%2013.84%200%200%200%203.88-5.68a35.1%2035.1%200%200%200%201.65-10.36Z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M16.64%2036.91a12.7%2012.7%200%200%201-1.36%202.76a33.6%2033.6%200%200%200%205.65.47a18.8%2018.8%200%200%200%207.92-1.73V26.55H18.29a35.1%2035.1%200%200%201-1.65%2010.36%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M28.85%2026.55v18H13.51a1.1%201.1%200%200%201-.75-1.91a13.84%2013.84%200%200%200%203.88-5.68a35.1%2035.1%200%200%200%201.65-10.36Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M29.87%207.22h10.58v18.23a1.1%201.1%200%200%201-1.1%201.1H31a1.1%201.1%200%200%201-1.1-1.1V7.22z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M29.87%207.22h10.59v3.24H29.87z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M29.87%207.22h10.58v18.23a1.1%201.1%200%200%201-1.1%201.1H31a1.1%201.1%200%200%201-1.1-1.1V7.22z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M28.95%204.46h12.43v2.76H28.95Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.25%2026.55c0%205.72-4.95%2010.36-11%2010.36c-8.4%200-13.37-4.64-13.37-10.36Z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M7.28%2029.42h23.54a9.7%209.7%200%200%200%20.43-2.87H6.83a9.4%209.4%200%200%200%20.45%202.87%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.25%2026.55c0%205.72-4.95%2010.36-11%2010.36c-8.4%200-13.37-4.64-13.37-10.36Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.21%2023.79a1.39%201.39%200%201%200%200%202.76h22.66v-2.76ZM28.95%209.84h.92v3.87h0h-.92a1.1%201.1%200%200%201-1.1-1.1v-1.66a1.1%201.1%200%200%201%201.1-1.11%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%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M7.98%2045.34a16.02%201.66%200%201%200%2032.04%200a16.02%201.66%200%201%200-32.04%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.07%2044.5H18.62a1%201%200%200%201-1-1.1V26.55h20.44a17%2017%200%200%200-3%209.69v7.16a1.05%201.05%200%200%201-.99%201.1%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M17.63%2040.08a14.5%2014.5%200%200%200%202.57.23a13.41%2013.41%200%200%200%2012-7.9a2.17%202.17%200%200%201%202-1.37h1.72a16.4%2016.4%200%200%201%202.19-4.49H17.63Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M34.07%2044.5H18.62a1%201%200%200%201-1-1.1V26.55h20.44a17%2017%200%200%200-3%209.69v7.16a1.05%201.05%200%200%201-.99%201.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.85%2026.55v18H13.51a1.1%201.1%200%200%201-.75-1.91a13.84%2013.84%200%200%200%203.88-5.68a35.1%2035.1%200%200%200%201.65-10.36Z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M16.64%2036.91a12.7%2012.7%200%200%201-1.36%202.76a33.6%2033.6%200%200%200%205.65.47a18.8%2018.8%200%200%200%207.92-1.73V26.55H18.29a35.1%2035.1%200%200%201-1.65%2010.36%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M28.85%2026.55v18H13.51a1.1%201.1%200%200%201-.75-1.91a13.84%2013.84%200%200%200%203.88-5.68a35.1%2035.1%200%200%200%201.65-10.36Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M29.87%207.22h10.58v18.23a1.1%201.1%200%200%201-1.1%201.1H31a1.1%201.1%200%200%201-1.1-1.1V7.22z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M29.87%207.22h10.59v3.24H29.87z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M29.87%207.22h10.58v18.23a1.1%201.1%200%200%201-1.1%201.1H31a1.1%201.1%200%200%201-1.1-1.1V7.22z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M28.95%204.46h12.43v2.76H28.95Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.25%2026.55c0%205.72-4.95%2010.36-11%2010.36c-8.4%200-13.37-4.64-13.37-10.36Z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M7.28%2029.42h23.54a9.7%209.7%200%200%200%20.43-2.87H6.83a9.4%209.4%200%200%200%20.45%202.87%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.25%2026.55c0%205.72-4.95%2010.36-11%2010.36c-8.4%200-13.37-4.64-13.37-10.36Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.21%2023.79a1.39%201.39%200%201%200%200%202.76h22.66v-2.76ZM28.95%209.84h.92v3.87h0h-.92a1.1%201.1%200%200%201-1.1-1.1v-1.66a1.1%201.1%200%200%201%201.1-1.11%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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