bathtub icon
bathtub-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- bathtub-duotone
- Set
- Phosphor
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M240 104v40a48 48 0 0 1-48 48H64a48 48 0 0 1-48-48v-40h120v40h64v-40Z" opacity=".2"/><path d="M240 96h-32a8 8 0 0 0-8-8h-64a8 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-48 8v32h-48v-32Zm40 40a40 40 0 0 1-40 40H64a40 40 0 0 1-40-40v-32h104v32a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-32h24Z"/></g></svg>
React
import type { SVGProps } from "react";
export function PhBathtubDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M240 104v40a48 48 0 0 1-48 48H64a48 48 0 0 1-48-48v-40h120v40h64v-40Z" opacity=".2"/><path d="M240 96h-32a8 8 0 0 0-8-8h-64a8 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-48 8v32h-48v-32Zm40 40a40 40 0 0 1-40 40H64a40 40 0 0 1-40-40v-32h104v32a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-32h24Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M240 104v40a48 48 0 0 1-48 48H64a48 48 0 0 1-48-48v-40h120v40h64v-40Z" opacity=".2"/><path d="M240 96h-32a8 8 0 0 0-8-8h-64a8 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-48 8v32h-48v-32Zm40 40a40 40 0 0 1-40 40H64a40 40 0 0 1-40-40v-32h104v32a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-32h24Z"/></g></svg> </template>
CSS
.icon-bathtub-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M240%20104v40a48%2048%200%200%201-48%2048H64a48%2048%200%200%201-48-48v-40h120v40h64v-40Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M240%2096h-32a8%208%200%200%200-8-8h-64a8%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-48%208v32h-48v-32Zm40%2040a40%2040%200%200%201-40%2040H64a40%2040%200%200%201-40-40v-32h104v32a8%208%200%200%200%208%208h64a8%208%200%200%200%208-8v-32h24Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M240%20104v40a48%2048%200%200%201-48%2048H64a48%2048%200%200%201-48-48v-40h120v40h64v-40Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M240%2096h-32a8%208%200%200%200-8-8h-64a8%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-48%208v32h-48v-32Zm40%2040a40%2040%200%200%201-40%2040H64a40%2040%200%200%201-40-40v-32h104v32a8%208%200%200%200%208%208h64a8%208%200%200%200%208-8v-32h24Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bathtub-duotone.svg?color=%231a73e8&size=48
