shower icon

shower from Material Symbols Light by Google · Regular · Household · Apache-2.0 Free for personal and commercial use.

Name: shower
Set: Material Symbols Light
Style: Regular
Category: Household
Viewbox: 24×24
License: Apache 2.0
Aliases: shower-sharp

3 other variants in Material Symbols Light

shower-outline shower-outline-rounded shower-rounded

The same icon in other sets

showerBoxIcons v2 showerBoxIcons v2 Solid showerEmoji One (Colored)showerFont Awesome 6 Solid showerFont Awesome Solid showerFluent Emoji showerFluent Emoji Flat showerFluent Emoji High Contrast showerFirefox OS Emoji showerLine Awesome showerLucide Lab showerMaterial Symbols showerMaterial Design Icons shower-fillMingCute Icon showerNoto Emoji showerOpenMoji showerPhosphor showerStreamline Emojis showerTwitter Emoji

More household icons from Material Symbols Light

Use the shower icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.076 16.923q-.328 0-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924 0q-.328 0-.548-.221t-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924 0q-.328 0-.548-.221t-.22-.55t.222-.547q.221-.22.549-.22t.547.221t.22.55t-.221.547t-.55.22M6 13v-1q0-2.361 1.594-4.071T11.5 6.023V4h1v2.023q2.312.196 3.906 1.906T18 12v1zm2.076 6.846q-.328 0-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924 0q-.328 0-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924 0q-.328 0-.548-.221q-.22-.222-.22-.55t.222-.547t.549-.22t.547.221t.22.55t-.221.547t-.55.22"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightShower(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.076 16.923q-.328 0-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924 0q-.328 0-.548-.221t-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924 0q-.328 0-.548-.221t-.22-.55t.222-.547q.221-.22.549-.22t.547.221t.22.55t-.221.547t-.55.22M6 13v-1q0-2.361 1.594-4.071T11.5 6.023V4h1v2.023q2.312.196 3.906 1.906T18 12v1zm2.076 6.846q-.328 0-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924 0q-.328 0-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924 0q-.328 0-.548-.221q-.22-.222-.22-.55t.222-.547t.549-.22t.547.221t.22.55t-.221.547t-.55.22"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.076 16.923q-.328 0-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924 0q-.328 0-.548-.221t-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924 0q-.328 0-.548-.221t-.22-.55t.222-.547q.221-.22.549-.22t.547.221t.22.55t-.221.547t-.55.22M6 13v-1q0-2.361 1.594-4.071T11.5 6.023V4h1v2.023q2.312.196 3.906 1.906T18 12v1zm2.076 6.846q-.328 0-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924 0q-.328 0-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924 0q-.328 0-.548-.221q-.22-.222-.22-.55t.222-.547t.549-.22t.547.221t.22.55t-.221.547t-.55.22"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.076%2016.923q-.328%200-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924%200q-.328%200-.548-.221t-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924%200q-.328%200-.548-.221t-.22-.55t.222-.547q.221-.22.549-.22t.547.221t.22.55t-.221.547t-.55.22M6%2013v-1q0-2.361%201.594-4.071T11.5%206.023V4h1v2.023q2.312.196%203.906%201.906T18%2012v1zm2.076%206.846q-.328%200-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924%200q-.328%200-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924%200q-.328%200-.548-.221q-.22-.222-.22-.55t.222-.547t.549-.22t.547.221t.22.55t-.221.547t-.55.22%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.076%2016.923q-.328%200-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924%200q-.328%200-.548-.221t-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924%200q-.328%200-.548-.221t-.22-.55t.222-.547q.221-.22.549-.22t.547.221t.22.55t-.221.547t-.55.22M6%2013v-1q0-2.361%201.594-4.071T11.5%206.023V4h1v2.023q2.312.196%203.906%201.906T18%2012v1zm2.076%206.846q-.328%200-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.222.547t-.549.22m3.924%200q-.328%200-.548-.221q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22m3.924%200q-.328%200-.548-.221q-.22-.222-.22-.55t.222-.547t.549-.22t.547.221t.22.55t-.221.547t-.55.22%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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