Icône Umbrella

openmoji:umbrella

L'icône Umbrella (openmoji:umbrella) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: OpenMoji
Auteur: OpenMoji
Licence: CC-BY-SA-4.0
Taille: 72 × 72
Catégorie: Voyage et lieux

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b399c8" d="M46.97 36.97a.95.95 0 0 1-.79.05c-8.98-3.39-19.17-.56-21.16.05c-.23.07-.47.04-.68-.08c-5.65-3-11.21-.87-12.92-.08c-.31.15-.66.12-.93-.09c-2.61-2.03-6.49.36-6.49.36C4 20.16 18.11 6.36 35.51 6.36c0 0 7.53 3.01 11.46 30.61m13-.03c-.05-.01-.09-.01-.14-.03c-.04-.02-.08-.04-.13-.06q.165.06.27.09m8.02.05v.05c0 .01 0 .02-.01.03c.01-.05.01-.08.01-.08"/><path fill="#8967aa" d="M67.99 36.99s0 .03-.01.08c0 .02 0 .03-.01.05c0 .02-.01.05-.02.07c-.02.04-.04.08-.07.11s-.06.05-.1.06a.25.25 0 0 1-.13.03c-.05 0-.09-.01-.14-.03c-.11-.05-.23-.1-.36-.16c-.06-.03-.14-.06-.22-.09c-1.54-.54-6.14-.31-6.14-.31c-.14.11-.29.17-.45.19h-.06c-.03 0-.09-.01-.17-.02h-.04c-.01-.01-.02-.01-.03-.01c0 0-.01 0-.01-.01c-.02 0-.03-.01-.05-.01h-.01q-.105-.03-.27-.09c-.02 0-.04-.01-.06-.02c-.06-.03-.12-.06-.19-.08c-.07-.04-.15-.07-.23-.11c-.04-.02-.08-.03-.14-.05c-1.72-.49-12.11.38-12.11.38C43.04 9.37 35.51 6.36 35.51 6.36c10.08 0 19.49 4.31 25.56 11.52c.09.1.18.2.26.31c.26.32.51.64.76.96c6.48 8.44 5.9 17.84 5.9 17.84"/><path fill="#8967aa" d="M60.04 36.96c-.02 0-.04-.01-.06-.02c.02 0 .03.01.05.01c0 .01.01.01.01.01m7.47.4a1.2 1.2 0 0 1-.36-.16c.13.06.25.11.36.16"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M66.666 32.453C64.401 17.628 51.314 6.358 35.506 6.358C18.107 6.358 4 20.157 4 37.178c0 0 3.878-2.387 6.482-.366a.91.91 0 0 0 .944.099c1.711-.797 7.271-2.914 12.907.08a.9.9 0 0 0 .694.075c2.001-.616 12.183-3.434 21.155-.043a.95.95 0 0 0 .782-.053c5.616-2.96 11.15-.86 12.866-.063a.92.92 0 0 0 .96-.105c2.581-2.019 6.223.235 6.223.235"/><path d="M45.352 62.54c0 3.015-2.204 5.46-4.923 5.46s-4.923-2.445-4.923-5.46V35.393m.001-29.035V4M10.925 36.992C16.586 4.655 35.507 6.358 35.507 6.358s-9.594.93-10.825 30.741m35.656-.109C54.677 4.653 35.507 6.358 35.507 6.358s9.841.912 11.072 30.723"/></g></svg>

Comment utiliser l'icône Umbrella

React

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

<Icon icon="openmoji:umbrella" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:umbrella" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:umbrella" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--umbrella]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:umbrella"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:umbrella"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/umbrella.svg" alt="Icône Umbrella" width="24" height="24">

Icônes similaires dans OpenMoji

L'icône Umbrella dans d'autres collections

FAQ : Icône Umbrella

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

Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Umbrella dans React ?

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

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

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

Voir toutes les Icônes OpenMoji →