shower emoji
shower from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- shower
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
showerBoxIcons v2showerBoxIcons v2 SolidshowerEmoji One (Colored)showerFont Awesome 6 SolidshowerFont Awesome SolidshowerFluent EmojishowerFluent Emoji High ContrastshowerFirefox OS EmojishowerLine AwesomeshowerLucide LabshowerMaterial SymbolsshowerMaterial Symbols LightshowerMaterial Design Iconsshower-fillMingCute IconshowerNoto EmojishowerOpenMojishowerPhosphorshowerStreamline EmojisshowerTwitter Emoji
More objects icons from Fluent Emoji Flat
Use the shower emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#636363" d="m20.232 8.232l2-2L24.5 7.5l1.268 2.268l-2 2z"/><path fill="#9b9b9b" d="M23.345 21.344A9 9 0 0 0 10.656 8.655L15.5 16.5z"/><path fill="#bebebe" d="M29.268 2.732a2.5 2.5 0 0 1 0 3.536l-3.5 3.5l-3.536-3.536l3.5-3.5a2.5 2.5 0 0 1 3.536 0m-18.22 6.22a3.25 3.25 0 0 0-4.596 4.596l12.5 12.5a3.25 3.25 0 0 0 4.596-4.596z"/><path fill="#3f5fff" d="M8.06 16.94a1.5 1.5 0 0 1 0 2.12l-3.5 3.5a1.5 1.5 0 0 1-2.12-2.12l3.5-3.5a1.5 1.5 0 0 1 2.12 0m3.5 3.5a1.5 1.5 0 0 1 0 2.12l-3.5 3.5a1.5 1.5 0 0 1-2.12-2.12l3.5-3.5a1.5 1.5 0 0 1 2.12 0m3.5 5.62a1.5 1.5 0 0 0-2.12-2.12l-3.5 3.5a1.5 1.5 0 0 0 2.12 2.12z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatShower(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#636363" d="m20.232 8.232l2-2L24.5 7.5l1.268 2.268l-2 2z"/><path fill="#9b9b9b" d="M23.345 21.344A9 9 0 0 0 10.656 8.655L15.5 16.5z"/><path fill="#bebebe" d="M29.268 2.732a2.5 2.5 0 0 1 0 3.536l-3.5 3.5l-3.536-3.536l3.5-3.5a2.5 2.5 0 0 1 3.536 0m-18.22 6.22a3.25 3.25 0 0 0-4.596 4.596l12.5 12.5a3.25 3.25 0 0 0 4.596-4.596z"/><path fill="#3f5fff" d="M8.06 16.94a1.5 1.5 0 0 1 0 2.12l-3.5 3.5a1.5 1.5 0 0 1-2.12-2.12l3.5-3.5a1.5 1.5 0 0 1 2.12 0m3.5 3.5a1.5 1.5 0 0 1 0 2.12l-3.5 3.5a1.5 1.5 0 0 1-2.12-2.12l3.5-3.5a1.5 1.5 0 0 1 2.12 0m3.5 5.62a1.5 1.5 0 0 0-2.12-2.12l-3.5 3.5a1.5 1.5 0 0 0 2.12 2.12z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#636363" d="m20.232 8.232l2-2L24.5 7.5l1.268 2.268l-2 2z"/><path fill="#9b9b9b" d="M23.345 21.344A9 9 0 0 0 10.656 8.655L15.5 16.5z"/><path fill="#bebebe" d="M29.268 2.732a2.5 2.5 0 0 1 0 3.536l-3.5 3.5l-3.536-3.536l3.5-3.5a2.5 2.5 0 0 1 3.536 0m-18.22 6.22a3.25 3.25 0 0 0-4.596 4.596l12.5 12.5a3.25 3.25 0 0 0 4.596-4.596z"/><path fill="#3f5fff" d="M8.06 16.94a1.5 1.5 0 0 1 0 2.12l-3.5 3.5a1.5 1.5 0 0 1-2.12-2.12l3.5-3.5a1.5 1.5 0 0 1 2.12 0m3.5 3.5a1.5 1.5 0 0 1 0 2.12l-3.5 3.5a1.5 1.5 0 0 1-2.12-2.12l3.5-3.5a1.5 1.5 0 0 1 2.12 0m3.5 5.62a1.5 1.5 0 0 0-2.12-2.12l-3.5 3.5a1.5 1.5 0 0 0 2.12 2.12z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23636363%22%20d%3D%22m20.232%208.232l2-2L24.5%207.5l1.268%202.268l-2%202z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M23.345%2021.344A9%209%200%200%200%2010.656%208.655L15.5%2016.5z%22%2F%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M29.268%202.732a2.5%202.5%200%200%201%200%203.536l-3.5%203.5l-3.536-3.536l3.5-3.5a2.5%202.5%200%200%201%203.536%200m-18.22%206.22a3.25%203.25%200%200%200-4.596%204.596l12.5%2012.5a3.25%203.25%200%200%200%204.596-4.596z%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22M8.06%2016.94a1.5%201.5%200%200%201%200%202.12l-3.5%203.5a1.5%201.5%200%200%201-2.12-2.12l3.5-3.5a1.5%201.5%200%200%201%202.12%200m3.5%203.5a1.5%201.5%200%200%201%200%202.12l-3.5%203.5a1.5%201.5%200%200%201-2.12-2.12l3.5-3.5a1.5%201.5%200%200%201%202.12%200m3.5%205.62a1.5%201.5%200%200%200-2.12-2.12l-3.5%203.5a1.5%201.5%200%200%200%202.12%202.12z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23636363%22%20d%3D%22m20.232%208.232l2-2L24.5%207.5l1.268%202.268l-2%202z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M23.345%2021.344A9%209%200%200%200%2010.656%208.655L15.5%2016.5z%22%2F%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M29.268%202.732a2.5%202.5%200%200%201%200%203.536l-3.5%203.5l-3.536-3.536l3.5-3.5a2.5%202.5%200%200%201%203.536%200m-18.22%206.22a3.25%203.25%200%200%200-4.596%204.596l12.5%2012.5a3.25%203.25%200%200%200%204.596-4.596z%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22M8.06%2016.94a1.5%201.5%200%200%201%200%202.12l-3.5%203.5a1.5%201.5%200%200%201-2.12-2.12l3.5-3.5a1.5%201.5%200%200%201%202.12%200m3.5%203.5a1.5%201.5%200%200%201%200%202.12l-3.5%203.5a1.5%201.5%200%200%201-2.12-2.12l3.5-3.5a1.5%201.5%200%200%201%202.12%200m3.5%205.62a1.5%201.5%200%200%200-2.12-2.12l-3.5%203.5a1.5%201.5%200%200%200%202.12%202.12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/shower.svg?color=%231a73e8&size=48
