bath icon
bath from Font Awesome 6 Solid by Dave Gandy · Regular · Childhood · CC-BY-4.0 Attribution required.
- Name
- bath
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Category
- Childhood
- Viewbox
- 512×512
- License
- CC BY 4.0
The same icon in other sets
More childhood icons from Font Awesome 6 Solid
Use the bath icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M96 77.3C96 70 101.9 64 109.3 64c3.5 0 6.9 1.4 9.4 3.9l14.9 14.9c-3.6 9-5.6 18.9-5.6 29.2c0 19.9 7.2 38 19.2 52c-5.3 9.2-4 21.1 3.8 29c9.4 9.4 24.6 9.4 33.9 0L289 89c9.4-9.4 9.4-24.6 0-33.9c-7.9-7.9-19.8-9.1-29-3.8C246 39.2 227.9 32 208 32c-10.3 0-20.2 2-29.2 5.5l-14.9-14.9C149.4 8.1 129.7 0 109.3 0C66.6 0 32 34.6 32 77.3V256c-17.7 0-32 14.3-32 32s14.3 32 32 32h448c17.7 0 32-14.3 32-32s-14.3-32-32-32H96zM32 352v16c0 28.4 12.4 54 32 71.6V480c0 17.7 14.3 32 32 32s32-14.3 32-32v-16h256v16c0 17.7 14.3 32 32 32s32-14.3 32-32v-40.4c19.6-17.6 32-43.1 32-71.6v-16z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidBath(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M96 77.3C96 70 101.9 64 109.3 64c3.5 0 6.9 1.4 9.4 3.9l14.9 14.9c-3.6 9-5.6 18.9-5.6 29.2c0 19.9 7.2 38 19.2 52c-5.3 9.2-4 21.1 3.8 29c9.4 9.4 24.6 9.4 33.9 0L289 89c9.4-9.4 9.4-24.6 0-33.9c-7.9-7.9-19.8-9.1-29-3.8C246 39.2 227.9 32 208 32c-10.3 0-20.2 2-29.2 5.5l-14.9-14.9C149.4 8.1 129.7 0 109.3 0C66.6 0 32 34.6 32 77.3V256c-17.7 0-32 14.3-32 32s14.3 32 32 32h448c17.7 0 32-14.3 32-32s-14.3-32-32-32H96zM32 352v16c0 28.4 12.4 54 32 71.6V480c0 17.7 14.3 32 32 32s32-14.3 32-32v-16h256v16c0 17.7 14.3 32 32 32s32-14.3 32-32v-40.4c19.6-17.6 32-43.1 32-71.6v-16z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M96 77.3C96 70 101.9 64 109.3 64c3.5 0 6.9 1.4 9.4 3.9l14.9 14.9c-3.6 9-5.6 18.9-5.6 29.2c0 19.9 7.2 38 19.2 52c-5.3 9.2-4 21.1 3.8 29c9.4 9.4 24.6 9.4 33.9 0L289 89c9.4-9.4 9.4-24.6 0-33.9c-7.9-7.9-19.8-9.1-29-3.8C246 39.2 227.9 32 208 32c-10.3 0-20.2 2-29.2 5.5l-14.9-14.9C149.4 8.1 129.7 0 109.3 0C66.6 0 32 34.6 32 77.3V256c-17.7 0-32 14.3-32 32s14.3 32 32 32h448c17.7 0 32-14.3 32-32s-14.3-32-32-32H96zM32 352v16c0 28.4 12.4 54 32 71.6V480c0 17.7 14.3 32 32 32s32-14.3 32-32v-16h256v16c0 17.7 14.3 32 32 32s32-14.3 32-32v-40.4c19.6-17.6 32-43.1 32-71.6v-16z"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%2077.3C96%2070%20101.9%2064%20109.3%2064c3.5%200%206.9%201.4%209.4%203.9l14.9%2014.9c-3.6%209-5.6%2018.9-5.6%2029.2c0%2019.9%207.2%2038%2019.2%2052c-5.3%209.2-4%2021.1%203.8%2029c9.4%209.4%2024.6%209.4%2033.9%200L289%2089c9.4-9.4%209.4-24.6%200-33.9c-7.9-7.9-19.8-9.1-29-3.8C246%2039.2%20227.9%2032%20208%2032c-10.3%200-20.2%202-29.2%205.5l-14.9-14.9C149.4%208.1%20129.7%200%20109.3%200C66.6%200%2032%2034.6%2032%2077.3V256c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h448c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H96zM32%20352v16c0%2028.4%2012.4%2054%2032%2071.6V480c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-16h256v16c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-40.4c19.6-17.6%2032-43.1%2032-71.6v-16z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%2077.3C96%2070%20101.9%2064%20109.3%2064c3.5%200%206.9%201.4%209.4%203.9l14.9%2014.9c-3.6%209-5.6%2018.9-5.6%2029.2c0%2019.9%207.2%2038%2019.2%2052c-5.3%209.2-4%2021.1%203.8%2029c9.4%209.4%2024.6%209.4%2033.9%200L289%2089c9.4-9.4%209.4-24.6%200-33.9c-7.9-7.9-19.8-9.1-29-3.8C246%2039.2%20227.9%2032%20208%2032c-10.3%200-20.2%202-29.2%205.5l-14.9-14.9C149.4%208.1%20129.7%200%20109.3%200C66.6%200%2032%2034.6%2032%2077.3V256c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h448c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H96zM32%20352v16c0%2028.4%2012.4%2054%2032%2071.6V480c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-16h256v16c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-40.4c19.6-17.6%2032-43.1%2032-71.6v-16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/bath.svg?color=%231a73e8&size=48
