Icono Umbrella With Rain Drops
openmoji:umbrella-with-rain-drops
El icono Umbrella With Rain Drops (openmoji:umbrella-with-rain-drops) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Viajes y lugares
- Etiquetas
- umbrellawith, withrain, raindrops, umbrellawithraindrops, drop
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b399c8" d="M64.096 50.623C62.211 38.283 51.316 28.9 38.16 28.9c-14.484 0-26.226 11.487-26.226 25.656c0 0 3.228-1.988 5.396-.306a.76.76 0 0 0 .786.083c1.424-.664 6.052-2.426 10.743.066c.18.095.384.123.578.063c1.665-.513 10.14-2.859 17.61-.036a.8.8 0 0 0 .65-.044c4.674-2.464 9.281-.716 10.71-.052c.263.122.57.092.8-.088c2.148-1.68 5.179.196 5.179.196"/><path fill="#8967aa" d="M38.159 28.901s17.917.204 20.247 25.43c0 0-5.724-2.855-11.03.144c0 0 .193-21.085-9.217-25.574"/><path fill="#8967aa" d="M44.458 30.204c7.945 2.286 20.924 8.79 20.924 24.235c0 .26-.247.453-.496.384c-1.12-.311-3.922-1.379-6.057-.891c-2.442.557-.262-16.12-14.643-23.001c-.43-.206-.186-.859.272-.727"/><path fill="#92d3f5" d="M64.098 25.55c0 2.943-2.239 5.323-5 5.323s-5-2.386-5-5.33c0 0-.055-3.577 4.164-10.047c0 0 .791-1.342 1.588-.088c4.22 6.47 4.248 10.141 4.248 10.141"/><path fill="#61b2e4" d="M58.806 15.34c3.124 2.332 5.041 10.026 5.041 10.026c0 3.75-1.988 5.508-4.75 5.508c0 0 3.75-5.285-.291-15.535"/><path fill="#92d3f5" d="M33.174 13.245c0 2.944-2.238 5.324-5 5.324s-5-2.386-5-5.33c0 0-.055-3.577 4.164-10.047c0 0 .792-1.343 1.589-.088c4.218 6.47 4.247 10.14 4.247 10.14"/><path fill="#61b2e4" d="M27.882 3.035c3.124 2.333 5.041 10.026 5.041 10.026c0 3.75-1.987 5.508-4.749 5.508c0 0 3.749-5.285-.292-15.534"/><path fill="#92d3f5" d="M16.618 25.242c0 2.943-2.238 5.324-5 5.324s-5-2.387-5-5.33c0 0-.055-3.578 4.164-10.047c0 0 .792-1.343 1.589-.088c4.219 6.47 4.247 10.14 4.247 10.14"/><path fill="#61b2e4" d="M11.326 15.031c3.124 2.333 5.041 10.027 5.041 10.027c0 3.75-1.987 5.508-4.749 5.508c0 0 3.749-5.285-.292-15.535"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M64.098 25.55c0 2.943-2.239 5.323-5 5.323s-5-2.386-5-5.33c0 0-.055-3.577 4.164-10.047c0 0 .791-1.342 1.588-.088c4.22 6.47 4.248 10.141 4.248 10.141M33.174 13.245c0 2.944-2.238 5.324-5 5.324s-5-2.386-5-5.33c0 0-.055-3.577 4.164-10.047c0 0 .792-1.343 1.589-.088c4.218 6.47 4.247 10.14 4.247 10.14M16.618 25.242c0 2.943-2.238 5.324-5 5.324s-5-2.387-5-5.33c0 0-.055-3.578 4.164-10.047c0 0 .792-1.343 1.589-.088c4.219 6.47 4.247 10.14 4.247 10.14m21.541 44.191V53.143m-20.462 1.258c4.713-26.917 20.462-25.5 20.462-25.5s-7.986.775-9.01 25.59m29.68-.091c-4.713-26.919-20.67-25.5-20.67-25.5s8.192.76 9.217 25.574"/><path d="M63.978 49.917c-2.185-11.99-12.914-21.015-25.819-21.015c-14.484 0-26.226 11.486-26.226 25.655c0 0 3.228-1.988 5.396-.306a.76.76 0 0 0 .786.083c1.424-.663 6.052-2.426 10.743.066c.18.095.384.123.578.063c1.665-.512 10.14-2.859 17.61-.036a.8.8 0 0 0 .65-.044c4.674-2.464 9.281-.716 10.71-.052c.263.122.57.092.8-.088c2.148-1.68 5.179.196 5.179.196M38.159 28.901v-1.962"/></g></svg>
Cómo usar el icono Umbrella With Rain Drops
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:umbrella-with-rain-drops" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:umbrella-with-rain-drops" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:umbrella-with-rain-drops" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--umbrella-with-rain-drops]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:umbrella-with-rain-drops"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:umbrella-with-rain-drops"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/umbrella-with-rain-drops.svg" alt="Icono Umbrella With Rain Drops" width="24" height="24">
Iconos relacionados en OpenMoji
El icono Umbrella With Rain Drops en otras colecciones
Preguntas frecuentes sobre Icono Umbrella With Rain Drops
¿El icono Umbrella With Rain Drops es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Umbrella With Rain Drops en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:umbrella-with-rain-drops" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Umbrella With Rain Drops a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/umbrella-with-rain-drops.svg" alt="Icono Umbrella With Rain Drops">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
