shower icon
shower-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- shower-line
- Set
- MingCute Icon
- Style
- Line
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V6.395a2.79 2.79 0 0 0-1.116-2.232l-.323-.242A3.303 3.303 0 0 0 13 4.5m-4.75 8.3l-.5.865m-1.5 2.598l-.5.866m6.098-4.562l-.5.866M6.652 9.567l-.5.866m3.696 5.598l-.5.866m-4.696-3.866l-.5.866M15.08 10.97l.5-.866a3 3 0 0 0-1.098-4.098l-3.464-2A3 3 0 0 0 6.92 5.103l-.5.866z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteShowerLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 21V6.395a2.79 2.79 0 0 0-1.116-2.232l-.323-.242A3.303 3.303 0 0 0 13 4.5m-4.75 8.3l-.5.865m-1.5 2.598l-.5.866m6.098-4.562l-.5.866M6.652 9.567l-.5.866m3.696 5.598l-.5.866m-4.696-3.866l-.5.866M15.08 10.97l.5-.866a3 3 0 0 0-1.098-4.098l-3.464-2A3 3 0 0 0 6.92 5.103l-.5.866z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V6.395a2.79 2.79 0 0 0-1.116-2.232l-.323-.242A3.303 3.303 0 0 0 13 4.5m-4.75 8.3l-.5.865m-1.5 2.598l-.5.866m6.098-4.562l-.5.866M6.652 9.567l-.5.866m3.696 5.598l-.5.866m-4.696-3.866l-.5.866M15.08 10.97l.5-.866a3 3 0 0 0-1.098-4.098l-3.464-2A3 3 0 0 0 6.92 5.103l-.5.866z"/></svg> </template>
CSS
.icon-shower-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M19%2021V6.395a2.79%202.79%200%200%200-1.116-2.232l-.323-.242A3.303%203.303%200%200%200%2013%204.5m-4.75%208.3l-.5.865m-1.5%202.598l-.5.866m6.098-4.562l-.5.866M6.652%209.567l-.5.866m3.696%205.598l-.5.866m-4.696-3.866l-.5.866M15.08%2010.97l.5-.866a3%203%200%200%200-1.098-4.098l-3.464-2A3%203%200%200%200%206.92%205.103l-.5.866z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M19%2021V6.395a2.79%202.79%200%200%200-1.116-2.232l-.323-.242A3.303%203.303%200%200%200%2013%204.5m-4.75%208.3l-.5.865m-1.5%202.598l-.5.866m6.098-4.562l-.5.866M6.652%209.567l-.5.866m3.696%205.598l-.5.866m-4.696-3.866l-.5.866M15.08%2010.97l.5-.866a3%203%200%200%200-1.098-4.098l-3.464-2A3%203%200%200%200%206.92%205.103l-.5.866z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/shower-line.svg?color=%231a73e8&size=48
