bathtub icon
bathtub-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- bathtub-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
bathtubEmoji One (Colored)bathtubFont Awesome SolidbathtubFluent EmojibathtubFluent Emoji FlatbathtubFluent Emoji High ContrastbathtubFirefox OS EmojibathtubJam IconsbathtubMaterial SymbolsbathtubMaterial Symbols LightbathtubMaterial Design IconsbathtubNoto EmojibathtubOpenMojibathtubStreamline EmojisbathtubTwitter Emoji
Use the bathtub icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M240 96h-24a8 8 0 0 0-8-8h-72a8 8 0 0 0-8 8H64V52a12 12 0 0 1 12-12a12.44 12.44 0 0 1 12.16 9.59a8 8 0 0 0 15.68-3.18A28.32 28.32 0 0 0 76 24a28 28 0 0 0-28 28v44H16a8 8 0 0 0-8 8v40a56.06 56.06 0 0 0 56 56v16a8 8 0 0 0 16 0v-16h96v16a8 8 0 0 0 16 0v-16a56.06 56.06 0 0 0 56-56v-40a8 8 0 0 0-8-8m-40 8v40h-56v-40Z"/></svg>
React
import type { SVGProps } from "react";
export function PhBathtubFill(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="M240 96h-24a8 8 0 0 0-8-8h-72a8 8 0 0 0-8 8H64V52a12 12 0 0 1 12-12a12.44 12.44 0 0 1 12.16 9.59a8 8 0 0 0 15.68-3.18A28.32 28.32 0 0 0 76 24a28 28 0 0 0-28 28v44H16a8 8 0 0 0-8 8v40a56.06 56.06 0 0 0 56 56v16a8 8 0 0 0 16 0v-16h96v16a8 8 0 0 0 16 0v-16a56.06 56.06 0 0 0 56-56v-40a8 8 0 0 0-8-8m-40 8v40h-56v-40Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M240 96h-24a8 8 0 0 0-8-8h-72a8 8 0 0 0-8 8H64V52a12 12 0 0 1 12-12a12.44 12.44 0 0 1 12.16 9.59a8 8 0 0 0 15.68-3.18A28.32 28.32 0 0 0 76 24a28 28 0 0 0-28 28v44H16a8 8 0 0 0-8 8v40a56.06 56.06 0 0 0 56 56v16a8 8 0 0 0 16 0v-16h96v16a8 8 0 0 0 16 0v-16a56.06 56.06 0 0 0 56-56v-40a8 8 0 0 0-8-8m-40 8v40h-56v-40Z"/></svg> </template>
CSS
.icon-bathtub-fill {
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%22M240%2096h-24a8%208%200%200%200-8-8h-72a8%208%200%200%200-8%208H64V52a12%2012%200%200%201%2012-12a12.44%2012.44%200%200%201%2012.16%209.59a8%208%200%200%200%2015.68-3.18A28.32%2028.32%200%200%200%2076%2024a28%2028%200%200%200-28%2028v44H16a8%208%200%200%200-8%208v40a56.06%2056.06%200%200%200%2056%2056v16a8%208%200%200%200%2016%200v-16h96v16a8%208%200%200%200%2016%200v-16a56.06%2056.06%200%200%200%2056-56v-40a8%208%200%200%200-8-8m-40%208v40h-56v-40Z%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%22M240%2096h-24a8%208%200%200%200-8-8h-72a8%208%200%200%200-8%208H64V52a12%2012%200%200%201%2012-12a12.44%2012.44%200%200%201%2012.16%209.59a8%208%200%200%200%2015.68-3.18A28.32%2028.32%200%200%200%2076%2024a28%2028%200%200%200-28%2028v44H16a8%208%200%200%200-8%208v40a56.06%2056.06%200%200%200%2056%2056v16a8%208%200%200%200%2016%200v-16h96v16a8%208%200%200%200%2016%200v-16a56.06%2056.06%200%200%200%2056-56v-40a8%208%200%200%200-8-8m-40%208v40h-56v-40Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bathtub-fill.svg?color=%231a73e8&size=48
