bathtub icon

bathtub-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
bathtub-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

bathtubbathtub-boldbathtub-duotonebathtub-fillbathtub-thin

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 98h-34v-2a6 6 0 0 0-6-6h-64a6 6 0 0 0-6 6v2H62V52a14 14 0 0 1 14-14a14.47 14.47 0 0 1 14.12 11.19a6 6 0 1 0 11.76-2.38A26.32 26.32 0 0 0 76 26a26 26 0 0 0-26 26v46H16a6 6 0 0 0-6 6v40a54.06 54.06 0 0 0 54 54h2v18a6 6 0 0 0 12 0v-18h100v18a6 6 0 0 0 12 0v-18h2a54.06 54.06 0 0 0 54-54v-40a6 6 0 0 0-6-6m-98 4h52v36h-52Zm92 42a42 42 0 0 1-42 42H64a42 42 0 0 1-42-42v-34h108v34a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6v-34h28Z"/></svg>

React

import type { SVGProps } from "react";

export function PhBathtubLight(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 98h-34v-2a6 6 0 0 0-6-6h-64a6 6 0 0 0-6 6v2H62V52a14 14 0 0 1 14-14a14.47 14.47 0 0 1 14.12 11.19a6 6 0 1 0 11.76-2.38A26.32 26.32 0 0 0 76 26a26 26 0 0 0-26 26v46H16a6 6 0 0 0-6 6v40a54.06 54.06 0 0 0 54 54h2v18a6 6 0 0 0 12 0v-18h100v18a6 6 0 0 0 12 0v-18h2a54.06 54.06 0 0 0 54-54v-40a6 6 0 0 0-6-6m-98 4h52v36h-52Zm92 42a42 42 0 0 1-42 42H64a42 42 0 0 1-42-42v-34h108v34a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6v-34h28Z"/></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 98h-34v-2a6 6 0 0 0-6-6h-64a6 6 0 0 0-6 6v2H62V52a14 14 0 0 1 14-14a14.47 14.47 0 0 1 14.12 11.19a6 6 0 1 0 11.76-2.38A26.32 26.32 0 0 0 76 26a26 26 0 0 0-26 26v46H16a6 6 0 0 0-6 6v40a54.06 54.06 0 0 0 54 54h2v18a6 6 0 0 0 12 0v-18h100v18a6 6 0 0 0 12 0v-18h2a54.06 54.06 0 0 0 54-54v-40a6 6 0 0 0-6-6m-98 4h52v36h-52Zm92 42a42 42 0 0 1-42 42H64a42 42 0 0 1-42-42v-34h108v34a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6v-34h28Z"/></svg>
</template>

CSS

.icon-bathtub-light {
  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%2098h-34v-2a6%206%200%200%200-6-6h-64a6%206%200%200%200-6%206v2H62V52a14%2014%200%200%201%2014-14a14.47%2014.47%200%200%201%2014.12%2011.19a6%206%200%201%200%2011.76-2.38A26.32%2026.32%200%200%200%2076%2026a26%2026%200%200%200-26%2026v46H16a6%206%200%200%200-6%206v40a54.06%2054.06%200%200%200%2054%2054h2v18a6%206%200%200%200%2012%200v-18h100v18a6%206%200%200%200%2012%200v-18h2a54.06%2054.06%200%200%200%2054-54v-40a6%206%200%200%200-6-6m-98%204h52v36h-52Zm92%2042a42%2042%200%200%201-42%2042H64a42%2042%200%200%201-42-42v-34h108v34a6%206%200%200%200%206%206h64a6%206%200%200%200%206-6v-34h28Z%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%2098h-34v-2a6%206%200%200%200-6-6h-64a6%206%200%200%200-6%206v2H62V52a14%2014%200%200%201%2014-14a14.47%2014.47%200%200%201%2014.12%2011.19a6%206%200%201%200%2011.76-2.38A26.32%2026.32%200%200%200%2076%2026a26%2026%200%200%200-26%2026v46H16a6%206%200%200%200-6%206v40a54.06%2054.06%200%200%200%2054%2054h2v18a6%206%200%200%200%2012%200v-18h100v18a6%206%200%200%200%2012%200v-18h2a54.06%2054.06%200%200%200%2054-54v-40a6%206%200%200%200-6-6m-98%204h52v36h-52Zm92%2042a42%2042%200%200%201-42%2042H64a42%2042%200%200%201-42-42v-34h108v34a6%206%200%200%200%206%206h64a6%206%200%200%200%206-6v-34h28Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bathtub-light.svg?color=%231a73e8&size=48