Shower icon
fxemoji:shower
The Shower icon (fxemoji:shower) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C3CCD1" d="M504.79 171.574c-.136-2.87-.248-5.863-.364-8.948c-1.148-30.431-2.721-72.107-29.12-98.508c-27.57-27.57-60.066-39.92-93.985-35.719c-29.462 3.651-58.425 19.247-86.119 46.355C239.99 31.689 166.996 22.42 104.107 46.917c-9.664 3.764-15.216 11.011-16.988 19.364c16.28-6.094 79.699 39.713 146.323 106.337c63.805 63.805 108.51 124.665 106.827 144.001c7.36-2.384 13.624-7.829 17.012-16.526c24.493-62.874 15.238-135.847-27.802-191.053c19.557-19.022 39.499-30.275 57.802-32.543c19.079-2.363 36.66 4.798 53.756 21.892c12.956 12.956 14.114 43.652 14.959 66.065c.115 3.038.227 5.99.357 8.831v145.977c0 13.383 10.85 24.232 24.232 24.232s24.232-10.85 24.232-24.232V172.719z"/><path fill="#8299A3" d="M233.441 172.617c69.986 69.986 117.003 136.438 105.017 148.424s-78.439-35.031-148.424-105.017S73.03 79.587 85.017 67.6s78.438 35.031 148.424 105.017M382.4 155.819a141.93 141.93 0 0 0-41.404-92.618a141.93 141.93 0 0 0-92.619-41.405c-12.484-.692-24.16 5.81-30.223 16.549c34.897 7.826 68.064 25.312 95.229 52.477c27.163 27.163 44.647 60.326 52.472 95.219c10.737-6.063 17.238-17.735 16.545-30.222"/><path fill="#31CAFF" d="m145.174 392.59l52.678-52.679c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-52.678 52.679c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751m-26.339-143.517l36.148-36.148c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-36.148 36.148c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751m-70.51-11.879l96.849-96.849c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-96.849 96.849c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751m130.672 28.409l52.678-52.678c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-52.678 52.678c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751M24.056 344.619l52.678-52.678c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0L5.944 326.508c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.056-3.751m36.957 43.306l84.161-84.162c5.001-5.001 5.001-13.11 0-18.111s-13.11-5.002-18.111 0l-84.161 84.162c-5.001 5.001-5.001 13.11 0 18.111c2.5 2.501 5.778 3.751 9.056 3.751s6.555-1.25 9.055-3.751m151.797-82.423c-3.277 0-6.555-1.25-9.056-3.751c-5.001-5.001-5.001-13.11 0-18.111l36.148-36.148c5.001-5.002 13.11-5.002 18.111 0s5.002 13.11 0 18.111l-36.148 36.148a12.76 12.76 0 0 1-9.055 3.751"/></svg>
How to use the Shower icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:shower" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:shower" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:shower" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--shower]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:shower"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:shower"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/shower.svg" alt="Shower icon" width="24" height="24">
Shower icon in other icon sets
Shower icon FAQ
Is the Shower icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Shower icon in React?
Install @iconify/react and render <Icon icon="fxemoji:shower" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shower icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/shower.svg" alt="Shower icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
