shower icon

shower from Font Awesome 6 Solid by Dave Gandy · Regular · Hotel · CC-BY-4.0 Attribution required.

Name
shower
Set
Font Awesome 6 Solid
Style
Regular
Category
Hotel
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

showerBoxIcons v2showerBoxIcons v2 SolidshowerEmoji One (Colored)showerFont Awesome SolidshowerFluent EmojishowerFluent Emoji FlatshowerFluent Emoji High ContrastshowerFirefox OS EmojishowerLine AwesomeshowerLucide LabshowerMaterial SymbolsshowerMaterial Symbols LightshowerMaterial Design Iconsshower-fillMingCute IconshowerNoto EmojishowerOpenMojishowerPhosphorshowerStreamline EmojisshowerTwitter Emoji

More hotel icons from Font Awesome 6 Solid

beddoor-closeddoor-opendumbbellinfinitykeysmokingsnowflakesuitcasesuitcase-rollingumbrella-beachutensils

Use the shower icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M64 131.9C64 112.1 80.1 96 99.9 96c9.5 0 18.6 3.8 25.4 10.5l16.2 16.2c-21 38.9-17.4 87.5 10.9 123L151 247c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L345 121c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-1.3 1.3c-35.5-28.3-84.2-31.9-123-10.9l-16.3-16.2C151.8 42.5 126.4 32 99.9 32C44.7 32 0 76.7 0 131.9V448c0 17.7 14.3 32 32 32s32-14.3 32-32zM256 352a32 32 0 1 0 0-64a32 32 0 1 0 0 64m64 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m0-128a32 32 0 1 0 0-64a32 32 0 1 0 0 64m64 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m0-128a32 32 0 1 0 0-64a32 32 0 1 0 0 64m64 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m32-32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidShower(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M64 131.9C64 112.1 80.1 96 99.9 96c9.5 0 18.6 3.8 25.4 10.5l16.2 16.2c-21 38.9-17.4 87.5 10.9 123L151 247c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L345 121c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-1.3 1.3c-35.5-28.3-84.2-31.9-123-10.9l-16.3-16.2C151.8 42.5 126.4 32 99.9 32C44.7 32 0 76.7 0 131.9V448c0 17.7 14.3 32 32 32s32-14.3 32-32zM256 352a32 32 0 1 0 0-64a32 32 0 1 0 0 64m64 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m0-128a32 32 0 1 0 0-64a32 32 0 1 0 0 64m64 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m0-128a32 32 0 1 0 0-64a32 32 0 1 0 0 64m64 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m32-32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M64 131.9C64 112.1 80.1 96 99.9 96c9.5 0 18.6 3.8 25.4 10.5l16.2 16.2c-21 38.9-17.4 87.5 10.9 123L151 247c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L345 121c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-1.3 1.3c-35.5-28.3-84.2-31.9-123-10.9l-16.3-16.2C151.8 42.5 126.4 32 99.9 32C44.7 32 0 76.7 0 131.9V448c0 17.7 14.3 32 32 32s32-14.3 32-32zM256 352a32 32 0 1 0 0-64a32 32 0 1 0 0 64m64 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m0-128a32 32 0 1 0 0-64a32 32 0 1 0 0 64m64 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m0-128a32 32 0 1 0 0-64a32 32 0 1 0 0 64m64 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m32-32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
</template>

CSS

.icon-shower {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20131.9C64%20112.1%2080.1%2096%2099.9%2096c9.5%200%2018.6%203.8%2025.4%2010.5l16.2%2016.2c-21%2038.9-17.4%2087.5%2010.9%20123L151%20247c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200L345%20121c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-1.3%201.3c-35.5-28.3-84.2-31.9-123-10.9l-16.3-16.2C151.8%2042.5%20126.4%2032%2099.9%2032C44.7%2032%200%2076.7%200%20131.9V448c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32zM256%20352a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m64%2064a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m0-128a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m64%2064a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m0-128a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m64%2064a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m32-32a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20131.9C64%20112.1%2080.1%2096%2099.9%2096c9.5%200%2018.6%203.8%2025.4%2010.5l16.2%2016.2c-21%2038.9-17.4%2087.5%2010.9%20123L151%20247c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200L345%20121c9.4-9.4%209.4-24.6%200-33.9s-24.6-9.4-33.9%200l-1.3%201.3c-35.5-28.3-84.2-31.9-123-10.9l-16.3-16.2C151.8%2042.5%20126.4%2032%2099.9%2032C44.7%2032%200%2076.7%200%20131.9V448c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32zM256%20352a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m64%2064a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m0-128a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m64%2064a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m0-128a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m64%2064a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m32-32a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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