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

bathtubbathtub-boldbathtub-duotonebathtub-lightbathtub-thin

The same icon in other sets

All bathtub icons →
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