Icono Shower
fxemoji:shower
El icono Shower (fxemoji:shower) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Objetos
Código SVG
<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>
Cómo usar el icono Shower
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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/shower.svg" alt="Icono Shower" width="24" height="24">
El icono Shower en otras colecciones
Preguntas frecuentes sobre Icono Shower
¿El icono Shower es gratis para uso comercial?
Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Shower en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:shower" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Shower a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/shower.svg" alt="Icono Shower">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Firefox OS Emoji →
ICONYZ
