bath icon
bath from Reicon by REICON · Outline · Home · MIT Free for personal and commercial use.
- Name
- bath
- Set
- Reicon
- Style
- Outline
- Category
- Home
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All bath icons →More home icons from Reicon
Use the bath icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.385 2.75c-.903 0-1.635.732-1.635 1.635v6.865H22a.75.75 0 0 1 0 1.5h-.268q.01.067.014.136q.005.088.004.18v.039c0 .375 0 .595-.016.84c-.142 2.236-1.35 4.302-3.101 5.652l.038.068l1 2a.75.75 0 1 1-1.342.67l-.968-1.935a7.36 7.36 0 0 1-3.228.805h-.007c-.74.028-1.464.045-2.126.045s-1.386-.017-2.126-.045h-.007a7.36 7.36 0 0 1-3.228-.805l-.968 1.935a.75.75 0 1 1-1.342-.67l1-2l.038-.068c-1.751-1.35-2.96-3.416-3.101-5.652a13 13 0 0 1-.016-.84v-.355H2a.75.75 0 0 1 0-1.5h.25V4.385a3.135 3.135 0 0 1 6.046-1.164l.11.275a3.84 3.84 0 0 1 2.466.192a3.97 3.97 0 0 1 2.132 2.213a.75.75 0 0 1-.401.963L6.643 9.43a.75.75 0 0 1-.995-.413a4.18 4.18 0 0 1 .02-3.107a4.1 4.1 0 0 1 1.379-1.774l-.144-.358A1.635 1.635 0 0 0 5.385 2.75m-1.302 10h-.1a.25.25 0 0 0-.233.25v.083c0 .402 0 .574.013.767c.185 2.922 2.695 5.528 5.607 5.823c.195.02.303.023.56.033c.728.027 1.433.044 2.07.044s1.342-.017 2.07-.044c.257-.01.365-.014.56-.034c2.912-.294 5.422-2.9 5.608-5.822c.012-.193.012-.365.012-.767v-.099q0-.003 0 0a.25.25 0 0 0-.234-.233q.002 0 0 0H20l-.082-.001zm6.2-7.682a2.36 2.36 0 0 0-1.976.053a2.57 2.57 0 0 0-1.25 1.354a2.7 2.7 0 0 0-.19 1.226l4.38-1.886a2.4 2.4 0 0 0-.965-.747" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconBath(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M5.385 2.75c-.903 0-1.635.732-1.635 1.635v6.865H22a.75.75 0 0 1 0 1.5h-.268q.01.067.014.136q.005.088.004.18v.039c0 .375 0 .595-.016.84c-.142 2.236-1.35 4.302-3.101 5.652l.038.068l1 2a.75.75 0 1 1-1.342.67l-.968-1.935a7.36 7.36 0 0 1-3.228.805h-.007c-.74.028-1.464.045-2.126.045s-1.386-.017-2.126-.045h-.007a7.36 7.36 0 0 1-3.228-.805l-.968 1.935a.75.75 0 1 1-1.342-.67l1-2l.038-.068c-1.751-1.35-2.96-3.416-3.101-5.652a13 13 0 0 1-.016-.84v-.355H2a.75.75 0 0 1 0-1.5h.25V4.385a3.135 3.135 0 0 1 6.046-1.164l.11.275a3.84 3.84 0 0 1 2.466.192a3.97 3.97 0 0 1 2.132 2.213a.75.75 0 0 1-.401.963L6.643 9.43a.75.75 0 0 1-.995-.413a4.18 4.18 0 0 1 .02-3.107a4.1 4.1 0 0 1 1.379-1.774l-.144-.358A1.635 1.635 0 0 0 5.385 2.75m-1.302 10h-.1a.25.25 0 0 0-.233.25v.083c0 .402 0 .574.013.767c.185 2.922 2.695 5.528 5.607 5.823c.195.02.303.023.56.033c.728.027 1.433.044 2.07.044s1.342-.017 2.07-.044c.257-.01.365-.014.56-.034c2.912-.294 5.422-2.9 5.608-5.822c.012-.193.012-.365.012-.767v-.099q0-.003 0 0a.25.25 0 0 0-.234-.233q.002 0 0 0H20l-.082-.001zm6.2-7.682a2.36 2.36 0 0 0-1.976.053a2.57 2.57 0 0 0-1.25 1.354a2.7 2.7 0 0 0-.19 1.226l4.38-1.886a2.4 2.4 0 0 0-.965-.747" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.385 2.75c-.903 0-1.635.732-1.635 1.635v6.865H22a.75.75 0 0 1 0 1.5h-.268q.01.067.014.136q.005.088.004.18v.039c0 .375 0 .595-.016.84c-.142 2.236-1.35 4.302-3.101 5.652l.038.068l1 2a.75.75 0 1 1-1.342.67l-.968-1.935a7.36 7.36 0 0 1-3.228.805h-.007c-.74.028-1.464.045-2.126.045s-1.386-.017-2.126-.045h-.007a7.36 7.36 0 0 1-3.228-.805l-.968 1.935a.75.75 0 1 1-1.342-.67l1-2l.038-.068c-1.751-1.35-2.96-3.416-3.101-5.652a13 13 0 0 1-.016-.84v-.355H2a.75.75 0 0 1 0-1.5h.25V4.385a3.135 3.135 0 0 1 6.046-1.164l.11.275a3.84 3.84 0 0 1 2.466.192a3.97 3.97 0 0 1 2.132 2.213a.75.75 0 0 1-.401.963L6.643 9.43a.75.75 0 0 1-.995-.413a4.18 4.18 0 0 1 .02-3.107a4.1 4.1 0 0 1 1.379-1.774l-.144-.358A1.635 1.635 0 0 0 5.385 2.75m-1.302 10h-.1a.25.25 0 0 0-.233.25v.083c0 .402 0 .574.013.767c.185 2.922 2.695 5.528 5.607 5.823c.195.02.303.023.56.033c.728.027 1.433.044 2.07.044s1.342-.017 2.07-.044c.257-.01.365-.014.56-.034c2.912-.294 5.422-2.9 5.608-5.822c.012-.193.012-.365.012-.767v-.099q0-.003 0 0a.25.25 0 0 0-.234-.233q.002 0 0 0H20l-.082-.001zm6.2-7.682a2.36 2.36 0 0 0-1.976.053a2.57 2.57 0 0 0-1.25 1.354a2.7 2.7 0 0 0-.19 1.226l4.38-1.886a2.4 2.4 0 0 0-.965-.747" clip-rule="evenodd"/></svg> </template>
CSS
.icon-bath {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.385%202.75c-.903%200-1.635.732-1.635%201.635v6.865H22a.75.75%200%200%201%200%201.5h-.268q.01.067.014.136q.005.088.004.18v.039c0%20.375%200%20.595-.016.84c-.142%202.236-1.35%204.302-3.101%205.652l.038.068l1%202a.75.75%200%201%201-1.342.67l-.968-1.935a7.36%207.36%200%200%201-3.228.805h-.007c-.74.028-1.464.045-2.126.045s-1.386-.017-2.126-.045h-.007a7.36%207.36%200%200%201-3.228-.805l-.968%201.935a.75.75%200%201%201-1.342-.67l1-2l.038-.068c-1.751-1.35-2.96-3.416-3.101-5.652a13%2013%200%200%201-.016-.84v-.355H2a.75.75%200%200%201%200-1.5h.25V4.385a3.135%203.135%200%200%201%206.046-1.164l.11.275a3.84%203.84%200%200%201%202.466.192a3.97%203.97%200%200%201%202.132%202.213a.75.75%200%200%201-.401.963L6.643%209.43a.75.75%200%200%201-.995-.413a4.18%204.18%200%200%201%20.02-3.107a4.1%204.1%200%200%201%201.379-1.774l-.144-.358A1.635%201.635%200%200%200%205.385%202.75m-1.302%2010h-.1a.25.25%200%200%200-.233.25v.083c0%20.402%200%20.574.013.767c.185%202.922%202.695%205.528%205.607%205.823c.195.02.303.023.56.033c.728.027%201.433.044%202.07.044s1.342-.017%202.07-.044c.257-.01.365-.014.56-.034c2.912-.294%205.422-2.9%205.608-5.822c.012-.193.012-.365.012-.767v-.099q0-.003%200%200a.25.25%200%200%200-.234-.233q.002%200%200%200H20l-.082-.001zm6.2-7.682a2.36%202.36%200%200%200-1.976.053a2.57%202.57%200%200%200-1.25%201.354a2.7%202.7%200%200%200-.19%201.226l4.38-1.886a2.4%202.4%200%200%200-.965-.747%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.385%202.75c-.903%200-1.635.732-1.635%201.635v6.865H22a.75.75%200%200%201%200%201.5h-.268q.01.067.014.136q.005.088.004.18v.039c0%20.375%200%20.595-.016.84c-.142%202.236-1.35%204.302-3.101%205.652l.038.068l1%202a.75.75%200%201%201-1.342.67l-.968-1.935a7.36%207.36%200%200%201-3.228.805h-.007c-.74.028-1.464.045-2.126.045s-1.386-.017-2.126-.045h-.007a7.36%207.36%200%200%201-3.228-.805l-.968%201.935a.75.75%200%201%201-1.342-.67l1-2l.038-.068c-1.751-1.35-2.96-3.416-3.101-5.652a13%2013%200%200%201-.016-.84v-.355H2a.75.75%200%200%201%200-1.5h.25V4.385a3.135%203.135%200%200%201%206.046-1.164l.11.275a3.84%203.84%200%200%201%202.466.192a3.97%203.97%200%200%201%202.132%202.213a.75.75%200%200%201-.401.963L6.643%209.43a.75.75%200%200%201-.995-.413a4.18%204.18%200%200%201%20.02-3.107a4.1%204.1%200%200%201%201.379-1.774l-.144-.358A1.635%201.635%200%200%200%205.385%202.75m-1.302%2010h-.1a.25.25%200%200%200-.233.25v.083c0%20.402%200%20.574.013.767c.185%202.922%202.695%205.528%205.607%205.823c.195.02.303.023.56.033c.728.027%201.433.044%202.07.044s1.342-.017%202.07-.044c.257-.01.365-.014.56-.034c2.912-.294%205.422-2.9%205.608-5.822c.012-.193.012-.365.012-.767v-.099q0-.003%200%200a.25.25%200%200%200-.234-.233q.002%200%200%200H20l-.082-.001zm6.2-7.682a2.36%202.36%200%200%200-1.976.053a2.57%202.57%200%200%200-1.25%201.354a2.7%202.7%200%200%200-.19%201.226l4.38-1.886a2.4%202.4%200%200%200-.965-.747%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/bath.svg?color=%231a73e8&size=48
