bathtub icon

bathtub-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
bathtub-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

bathtubbathtub-boldbathtub-duotonebathtub-fillbathtub-light

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 100h-36v-4a4 4 0 0 0-4-4h-64a4 4 0 0 0-4 4v4H60V52a16 16 0 0 1 16-16a16.49 16.49 0 0 1 16.08 12.8a4 4 0 1 0 7.84-1.6A24.32 24.32 0 0 0 76 28a24 24 0 0 0-24 24v48H16a4 4 0 0 0-4 4v40a52.06 52.06 0 0 0 52 52h4v20a4 4 0 0 0 8 0v-20h104v20a4 4 0 0 0 8 0v-20h4a52.06 52.06 0 0 0 52-52v-40a4 4 0 0 0-4-4m-100 0h56v40h-56Zm96 44a44.05 44.05 0 0 1-44 44H64a44.05 44.05 0 0 1-44-44v-36h112v36a4 4 0 0 0 4 4h64a4 4 0 0 0 4-4v-36h32Z"/></svg>

React

import type { SVGProps } from "react";

export function PhBathtubThin(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 100h-36v-4a4 4 0 0 0-4-4h-64a4 4 0 0 0-4 4v4H60V52a16 16 0 0 1 16-16a16.49 16.49 0 0 1 16.08 12.8a4 4 0 1 0 7.84-1.6A24.32 24.32 0 0 0 76 28a24 24 0 0 0-24 24v48H16a4 4 0 0 0-4 4v40a52.06 52.06 0 0 0 52 52h4v20a4 4 0 0 0 8 0v-20h104v20a4 4 0 0 0 8 0v-20h4a52.06 52.06 0 0 0 52-52v-40a4 4 0 0 0-4-4m-100 0h56v40h-56Zm96 44a44.05 44.05 0 0 1-44 44H64a44.05 44.05 0 0 1-44-44v-36h112v36a4 4 0 0 0 4 4h64a4 4 0 0 0 4-4v-36h32Z"/></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 100h-36v-4a4 4 0 0 0-4-4h-64a4 4 0 0 0-4 4v4H60V52a16 16 0 0 1 16-16a16.49 16.49 0 0 1 16.08 12.8a4 4 0 1 0 7.84-1.6A24.32 24.32 0 0 0 76 28a24 24 0 0 0-24 24v48H16a4 4 0 0 0-4 4v40a52.06 52.06 0 0 0 52 52h4v20a4 4 0 0 0 8 0v-20h104v20a4 4 0 0 0 8 0v-20h4a52.06 52.06 0 0 0 52-52v-40a4 4 0 0 0-4-4m-100 0h56v40h-56Zm96 44a44.05 44.05 0 0 1-44 44H64a44.05 44.05 0 0 1-44-44v-36h112v36a4 4 0 0 0 4 4h64a4 4 0 0 0 4-4v-36h32Z"/></svg>
</template>

CSS

.icon-bathtub-thin {
  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%20100h-36v-4a4%204%200%200%200-4-4h-64a4%204%200%200%200-4%204v4H60V52a16%2016%200%200%201%2016-16a16.49%2016.49%200%200%201%2016.08%2012.8a4%204%200%201%200%207.84-1.6A24.32%2024.32%200%200%200%2076%2028a24%2024%200%200%200-24%2024v48H16a4%204%200%200%200-4%204v40a52.06%2052.06%200%200%200%2052%2052h4v20a4%204%200%200%200%208%200v-20h104v20a4%204%200%200%200%208%200v-20h4a52.06%2052.06%200%200%200%2052-52v-40a4%204%200%200%200-4-4m-100%200h56v40h-56Zm96%2044a44.05%2044.05%200%200%201-44%2044H64a44.05%2044.05%200%200%201-44-44v-36h112v36a4%204%200%200%200%204%204h64a4%204%200%200%200%204-4v-36h32Z%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%20100h-36v-4a4%204%200%200%200-4-4h-64a4%204%200%200%200-4%204v4H60V52a16%2016%200%200%201%2016-16a16.49%2016.49%200%200%201%2016.08%2012.8a4%204%200%201%200%207.84-1.6A24.32%2024.32%200%200%200%2076%2028a24%2024%200%200%200-24%2024v48H16a4%204%200%200%200-4%204v40a52.06%2052.06%200%200%200%2052%2052h4v20a4%204%200%200%200%208%200v-20h104v20a4%204%200%200%200%208%200v-20h4a52.06%2052.06%200%200%200%2052-52v-40a4%204%200%200%200-4-4m-100%200h56v40h-56Zm96%2044a44.05%2044.05%200%200%201-44%2044H64a44.05%2044.05%200%200%201-44-44v-36h112v36a4%204%200%200%200%204%204h64a4%204%200%200%200%204-4v-36h32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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