Bathroom icon

cbi:bathroom

The Bathroom icon (cbi:bathroom) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m13.768 12.974l-.006-.001l-3.476.502v.083l3.475-.502l2.186.35l-.004-.084Zm-5.64 1.989l2.087-.361l-.015-1.744l-2.072.259Zm1.741-1.717c.059 0 .107.079.107.178s-.05.176-.109.176s-.105-.079-.105-.176s.048-.178.107-.178m1.391.408l-.972.15l.001.084l.971-.15Zm-4.434.768l.264-.041v-.083l-.264.04Zm0-.364l.264-.038v-.083l-.264.038ZM15.863 9.8l2.676.059v-3.39l-2.676.231Zm.247-2.87l2.182-.192v2.876l-2.182-.048Zm-9.284 7.896l.264-.043V14.7l-.264.043Zm-4.35-3.877l.251.024V7.09l-.251.058Zm1.968-3.842L2.876 7.08v3.9l1.568-.075Zm-.3 3.549l-.957.041V7.4h.974Zm1.938.159l.033-3.677l-1.568-.027l.012 3.789ZM5.832 7.4l-.01 3.173l-.957.052L4.857 7.4ZM3.385 18.763l-.032-5.029l-.819-.254v4.687Zm6.907-4.501l.968-.158v-.083l-.969.157Zm.328.697l.174.052l.466-.085v-.083Zm-1.779.234l1.058.346a1.13 1.13 0 0 0 .6.027l1.05-.245a.01.01 0 0 0 .008-.009a.01.01 0 0 0-.007-.01l-1.26-.376Zm1.455-.505l.964-.169v-.083l-.965.169Zm-3.47-1.051l.264-.035v-.083l-.264.035Zm1.899 2.584a.4.4 0 0 0-.112-.088a.4.4 0 0 1-.157-.133a.83.83 0 0 1-.018-.75l.012-.037l.037.01l.113.033h.025l-.171-.056l1.707-.314h.018l.036-.006v-.193l-2.083.359l-.006-.034v2.477l.575-.133a1.2 1.2 0 0 1 .043-.571c.056-.226.1-.421-.019-.564m2.175.173c.014-.042.065-.048.2-.065s.387-.047.41-.132a2.3 2.3 0 0 0 .075-.695a4.5 4.5 0 0 1-1.515.3a3.4 3.4 0 0 1-.764-.222a11 11 0 0 0-.806-.268a.72.72 0 0 0 .021.64a.3.3 0 0 0 .129.111a.4.4 0 0 1 .135.107c.147.175.093.4.036.637a1.06 1.06 0 0 0-.033.569l1.19.477a3.8 3.8 0 0 0 .986-.265a5 5 0 0 0-.047-.571a1.8 1.8 0 0 1-.017-.623m.453-2.794v1.581l.228.068a.07.07 0 0 1 .041.064v.056a.1.1 0 0 1-.009.032h.007l.023.017a1.44 1.44 0 0 1-.025.7l6.3 2l-.065-3.218Zm-.34 3.5q.014.112.024.223l3.09 1.174l2.1-.755l-3.562-1.129ZM2 2v20h20V2Zm11.767 9.647l-1.394.148v-.29l1.386-.148l7.991.771v.369Zm7.986 1.292l-7.986-.979l-1.391.15v-.232l1.4-.152l7.976.854Zm-7.991-1.664l-1.383.147v-.255l1.395-.11l7.979.673v.316Zm.012-.3l-1.395.11v-.31l1.393-.077l7.979.58v.369Zm0-.359l-1.384.076v-.268l1.373-.052l7.991.5v.324Zm1.926-.648V6.553l3-.264v3.745Zm4.915-7.721l-6.838 1.407L5.99 2.247ZM8.915 4.7v-.207l3.351.348l.04 5.5v.066l-.013 1.71l-3.374.366v-2.91l2.848-.083l.033-4.509ZM2.394 11V7.082l.416-.095V7l1.716.029l1.674.028l-.018 1.773l.018 1.94l2.633-.124v.33l-6.585.441V11Zm-.147.5l6.585-.441v.313l-6.585.553Zm0 .507l6.585-.553v.3l-6.585.611Zm1.887.932l-.055.071l-1.832.2v-.343l1.874-.186Zm.351.219a4 4 0 0 1 1.491-.015c.015.079-.675.147-1.009.177a5.5 5.5 0 0 1-1.447.064c0-.09.652-.184.965-.226m.22-.625l-.287-.069v-.1l.264-.048l-.366-.061l4.516-.419v.278Zm4.127-.32v.28l-4.388.476v-.321l.111-.01l.02.006l.233-.031Zm-6.585.231l1.853-.173l.006.118v.1l.006.108l-1.87.19Zm19.53 9.31H2.247v-3.478l.227-.05l-.022-.016v-.31l-.205.043v-.457l.205-.04v-.084l-.205.041v-.352l.205-.04v-.081l-.205.04v-.413l.205-.037v-.083l-.205.037V16.1l.205-.035v-.084l-.205.036v-.44l.205-.034v-.083l-.205.033v-.36l.205-.032v-.083l-.205.032v-.33l.205-.03v-.083l-.205.03v-.387l.205-.027v-.083l-.205.027v-.4l.205-.024v-.083l-.205.024v-.4l1.844-.2l.02.011l-1.8.2l.842.282h-.012l.192.059l.033.011l.019.007l3.651-.454l.054-.007v-.083l-.162.02l-.987-.23l-1.453.158l-.01-.012l9.283-1.007l7.992.98v.355l-7.986-1.067l-3.618.434l.168.022h-.032v.04l3.482-.418l7.991 1.068v.347l-4.841-.711v.083l4.841.711v.369l-4.841-.775v.075l.041.015l4.8.768v.306l-1.484-.256v.083l1.486.256v.4l-1.5-.282v.083l1.5.283v.307l-1.5-.286v.083l1.506.287v.421l-1.515-.31v.083l1.517.311v.331l-1.524-.33v.084l1.526.33v.447l-1.536-.357v.084l1.538.358v.263l-1.544-.352v.179l-.159.079l1.708.408Zm-3.709-3.651l2.055-1.015l.065-2.776l-2.191.575Zm-.082-3.303l.676-.175h.007l.185-.049l.525-.136l.895-.231l.026-.009l-3.4-.562l-.113.03l-.209-.029l-.029-.035l.022-.02l-.416-.069l-.044.018l-.163-.033v-.019l-2.248-.374l-2.447.375l.49.1h-.026l.236.047h.024l.759.153h-.018l.231.046h.016l1.307.263l-.342-.065l1.538.306l2.434.49h.028L18 14.8ZM12.1 13.538a.043.043 0 0 1 0-.085l1.306-.2a2 2 0 0 1 .171-.016l.357.632Zm5.495.981l-3.55-.634l-.369-.654a2 2 0 0 1 .259.022l5.239.879a.046.046 0 0 1 .029.058a.05.05 0 0 1-.029.029l-1.2.288a.9.9 0 0 1-.374.012Zm-9.509-1.512l1.91-.246l-.73-.097l-1.929.206Zm-1.26 3.569l.264-.053v-.084l-.264.053Zm0-1.281l.264-.046v-.084l-.264.046Zm0 .434l.264-.048v-.084l-.264.048Zm0 .425l.264-.052v-.084l-.264.052Zm1.182-3.046l-.836-.156v4.155l.818.37Zm-1.182 4.153l.325-.072l-.061-.028v-.247l-.264.056ZM5.34 18.309l1.4-.353v-4.613l-1.44.177Zm1.16-4.636l.032.293l-.946.142l-.05-.3Zm-3 .064l.047 5.056l1.713-.463l-.085-4.793Zm.411.593l-.045-.3l.963-.144l.027.295Zm11.985-1.123l.061.004l.012.225l-.004.05l.142.029l.099-.041l-.001-.02l-.03-.007v-.223l.204-.027h.002l.18.026l.035-.001l.012.359l-.032.028l.011.014l.199.028l.161-.042v-.018l-.055-.02v-.598l-.178-.009l-.236.056v.016l.127.017l-.002.089l-.423-.048l-.002-.193l-.17-.022l-.179.041v.013l.129.021l.002.174l-.06.02Zm.041-.24l-.129-.021v-.02l-2.04-.299l-.006-.001l-3.48.466l.001.082l3.479-.465l2.176.32Z"/></svg>

How to use the Bathroom icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:bathroom" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:bathroom" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:bathroom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bathroom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bathroom"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:bathroom"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/bathroom.svg" alt="Bathroom icon" width="24" height="24">

Bathroom icon in other icon sets

Bathroom icon FAQ

Is the Bathroom icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Bathroom icon in React?

Install @iconify/react and render <Icon icon="cbi:bathroom" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bathroom icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/bathroom.svg" alt="Bathroom icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →