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

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 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