ICONYZ
Français
Icône Umbrella With Rain Drops de Emoji One (Monotone)

Icône Umbrella With Rain Drops

emojione-monotone:umbrella-with-rain-drops

L'icône Umbrella With Rain Drops (emojione-monotone:umbrella-with-rain-drops) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Emoji One (Monotone)
Auteur
Emoji One
Licence
CC-BY-4.0
Taille
64 × 64
Catégorie
Nature
Mots-clés
umbrellawith, withrain, raindrops, umbrellawithraindrops, drop
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M57.086 18.386c2.713 0 4.914-2.226 4.914-4.964C62 10.193 60.209 6.266 57.088 2c-3.072 4.201-4.916 8.193-4.916 11.422c0 2.738 2.199 4.964 4.914 4.964m.002-12.83C59.001 8.615 60 11.303 60 13.422c0 1.635-1.308 2.964-2.914 2.964s-2.914-1.329-2.914-2.964c0-2.115 1.001-4.803 2.916-7.866M44.419 19.259c-.818-2.228-2.194-4.648-4.056-7.192c-1.272 1.74-2.319 3.44-3.126 5.07a31.5 31.5 0 0 0-4.3-.429v-3.771a.937.937 0 1 0-1.876 0v3.771a31.5 31.5 0 0 0-4.197.43a4.95 4.95 0 0 0 1.688-3.716c0-3.229-1.791-7.156-4.912-11.422c-3.072 4.201-4.916 8.193-4.916 11.422a4.945 4.945 0 0 0 3.685 4.788a30.8 30.8 0 0 0-10.645 5.936c.028-.216.065-.43.065-.653c0-3.229-1.793-7.16-4.914-11.426C3.844 16.268 2 20.263 2 23.492c0 2.74 2.199 4.963 4.914 4.963c.269 0 .526-.039.784-.08C4.976 31.814 2.985 35.834 2 40.229a9.67 9.67 0 0 1 6.961-2.93a9.65 9.65 0 0 1 7.68 3.764a9.65 9.65 0 0 1 7.68-3.764a9.65 9.65 0 0 1 6.742 2.731v8.845h-.938V54.5a3.755 3.755 0 0 1-3.75 3.75a3.754 3.754 0 0 1-3.75-3.75a1.876 1.876 0 0 0-3.75 0c0 4.135 3.363 7.5 7.5 7.5c4.135 0 7.5-3.365 7.5-7.5v-5.625h-.938v-8.846a9.65 9.65 0 0 1 6.742-2.73a9.65 9.65 0 0 1 7.679 3.764a9.65 9.65 0 0 1 7.68-3.764A9.67 9.67 0 0 1 62 40.229c-2.111-9.413-8.755-17.156-17.581-20.97m-23.694-5.837c0-2.115 1.001-4.803 2.916-7.866c1.913 3.06 2.912 5.747 2.912 7.866c0 1.635-1.308 2.964-2.914 2.964s-2.914-1.329-2.914-2.964M4 23.492c0-2.083 1.022-4.817 2.919-7.866c1.912 3.06 2.911 5.746 2.911 7.866c0 1.633-1.308 2.963-2.916 2.963c-1.606 0-2.914-1.33-2.914-2.963m36.366-7.866c1.912 3.06 2.911 5.746 2.911 7.866c0 1.633-1.308 2.963-2.916 2.963c-1.606 0-2.914-1.33-2.914-2.963c0-2.083 1.023-4.817 2.919-7.866"/></svg>

Comment utiliser l'icône Umbrella With Rain Drops

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:umbrella-with-rain-drops" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:umbrella-with-rain-drops" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:umbrella-with-rain-drops" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--umbrella-with-rain-drops]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone: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="emojione-monotone:umbrella-with-rain-drops"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/umbrella-with-rain-drops.svg" alt="Icône Umbrella With Rain Drops" width="24" height="24">

Icônes similaires dans Emoji One (Monotone)

L'icône Umbrella With Rain Drops dans d'autres collections

FAQ : Icône Umbrella With Rain Drops

L'icône Umbrella With Rain Drops est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Umbrella With Rain Drops dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-monotone:umbrella-with-rain-drops" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Umbrella With Rain Drops à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-monotone/umbrella-with-rain-drops.svg" alt="Icône Umbrella With Rain Drops">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Monotone) →