shower icon
shower-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- shower-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
showerBoxIcons v2showerBoxIcons v2 SolidshowerEmoji One (Colored)showerFont Awesome 6 SolidshowerFont Awesome SolidshowerFluent EmojishowerFluent Emoji FlatshowerFluent Emoji High ContrastshowerFirefox OS EmojishowerLine AwesomeshowerLucide LabshowerMaterial SymbolsshowerMaterial Symbols LightshowerMaterial Design IconsshowerNoto EmojishowerOpenMojishowerPhosphorshowerStreamline EmojisshowerTwitter Emoji
Related icons in MingCute Icon
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="M12.41 3.654a4.303 4.303 0 0 1 5.751-.533l.324.242A3.79 3.79 0 0 1 20 6.395V21a1 1 0 0 1-2 0V6.395a1.79 1.79 0 0 0-.716-1.432l-.323-.242a2.3 2.3 0 0 0-2.736-.018l.757.437a4 4 0 0 1 1.465 5.464l-.5.866a1 1 0 0 1-1.367.365l-8.66-5a1 1 0 0 1-.366-1.365l.5-.866a4 4 0 0 1 5.464-1.464zm-7.026 12.11a1 1 0 0 1 1.732 1l-.5.866a1 1 0 0 1-1.732-1zm3.598-.233a1 1 0 0 1 1.732 1l-.5.867a1 1 0 0 1-1.732-1zm-5.196-3a1 1 0 1 1 1.732 1l-.5.867a1 1 0 0 1-1.732-1zm3.598-.231a1 1 0 0 1 1.732 1l-.5.865a1 1 0 0 1-1.732-1zm3.598-.232a1 1 0 0 1 1.732 1l-.5.866a1 1 0 0 1-1.732-1zm-5.196-3a1 1 0 1 1 1.732 1l-.5.866a1 1 0 0 1-1.732-1z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteShowerFill(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="M12.41 3.654a4.303 4.303 0 0 1 5.751-.533l.324.242A3.79 3.79 0 0 1 20 6.395V21a1 1 0 0 1-2 0V6.395a1.79 1.79 0 0 0-.716-1.432l-.323-.242a2.3 2.3 0 0 0-2.736-.018l.757.437a4 4 0 0 1 1.465 5.464l-.5.866a1 1 0 0 1-1.367.365l-8.66-5a1 1 0 0 1-.366-1.365l.5-.866a4 4 0 0 1 5.464-1.464zm-7.026 12.11a1 1 0 0 1 1.732 1l-.5.866a1 1 0 0 1-1.732-1zm3.598-.233a1 1 0 0 1 1.732 1l-.5.867a1 1 0 0 1-1.732-1zm-5.196-3a1 1 0 1 1 1.732 1l-.5.867a1 1 0 0 1-1.732-1zm3.598-.231a1 1 0 0 1 1.732 1l-.5.865a1 1 0 0 1-1.732-1zm3.598-.232a1 1 0 0 1 1.732 1l-.5.866a1 1 0 0 1-1.732-1zm-5.196-3a1 1 0 1 1 1.732 1l-.5.866a1 1 0 0 1-1.732-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.41 3.654a4.303 4.303 0 0 1 5.751-.533l.324.242A3.79 3.79 0 0 1 20 6.395V21a1 1 0 0 1-2 0V6.395a1.79 1.79 0 0 0-.716-1.432l-.323-.242a2.3 2.3 0 0 0-2.736-.018l.757.437a4 4 0 0 1 1.465 5.464l-.5.866a1 1 0 0 1-1.367.365l-8.66-5a1 1 0 0 1-.366-1.365l.5-.866a4 4 0 0 1 5.464-1.464zm-7.026 12.11a1 1 0 0 1 1.732 1l-.5.866a1 1 0 0 1-1.732-1zm3.598-.233a1 1 0 0 1 1.732 1l-.5.867a1 1 0 0 1-1.732-1zm-5.196-3a1 1 0 1 1 1.732 1l-.5.867a1 1 0 0 1-1.732-1zm3.598-.231a1 1 0 0 1 1.732 1l-.5.865a1 1 0 0 1-1.732-1zm3.598-.232a1 1 0 0 1 1.732 1l-.5.866a1 1 0 0 1-1.732-1zm-5.196-3a1 1 0 1 1 1.732 1l-.5.866a1 1 0 0 1-1.732-1z"/></svg> </template>
CSS
.icon-shower-fill {
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%22M12.41%203.654a4.303%204.303%200%200%201%205.751-.533l.324.242A3.79%203.79%200%200%201%2020%206.395V21a1%201%200%200%201-2%200V6.395a1.79%201.79%200%200%200-.716-1.432l-.323-.242a2.3%202.3%200%200%200-2.736-.018l.757.437a4%204%200%200%201%201.465%205.464l-.5.866a1%201%200%200%201-1.367.365l-8.66-5a1%201%200%200%201-.366-1.365l.5-.866a4%204%200%200%201%205.464-1.464zm-7.026%2012.11a1%201%200%200%201%201.732%201l-.5.866a1%201%200%200%201-1.732-1zm3.598-.233a1%201%200%200%201%201.732%201l-.5.867a1%201%200%200%201-1.732-1zm-5.196-3a1%201%200%201%201%201.732%201l-.5.867a1%201%200%200%201-1.732-1zm3.598-.231a1%201%200%200%201%201.732%201l-.5.865a1%201%200%200%201-1.732-1zm3.598-.232a1%201%200%200%201%201.732%201l-.5.866a1%201%200%200%201-1.732-1zm-5.196-3a1%201%200%201%201%201.732%201l-.5.866a1%201%200%200%201-1.732-1z%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%22M12.41%203.654a4.303%204.303%200%200%201%205.751-.533l.324.242A3.79%203.79%200%200%201%2020%206.395V21a1%201%200%200%201-2%200V6.395a1.79%201.79%200%200%200-.716-1.432l-.323-.242a2.3%202.3%200%200%200-2.736-.018l.757.437a4%204%200%200%201%201.465%205.464l-.5.866a1%201%200%200%201-1.367.365l-8.66-5a1%201%200%200%201-.366-1.365l.5-.866a4%204%200%200%201%205.464-1.464zm-7.026%2012.11a1%201%200%200%201%201.732%201l-.5.866a1%201%200%200%201-1.732-1zm3.598-.233a1%201%200%200%201%201.732%201l-.5.867a1%201%200%200%201-1.732-1zm-5.196-3a1%201%200%201%201%201.732%201l-.5.867a1%201%200%200%201-1.732-1zm3.598-.231a1%201%200%200%201%201.732%201l-.5.865a1%201%200%200%201-1.732-1zm3.598-.232a1%201%200%200%201%201.732%201l-.5.866a1%201%200%200%201-1.732-1zm-5.196-3a1%201%200%201%201%201.732%201l-.5.866a1%201%200%200%201-1.732-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/shower-fill.svg?color=%231a73e8&size=48
