Icône Desert Island
fluent-emoji-high-contrast:desert-island
L'icône Desert Island (fluent-emoji-high-contrast:desert-island) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji High Contrast
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Voyage et lieux
- Mots-clés
- desertisland
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="m22.19 15.08l-1.318-1.318a2.5 2.5 0 0 1-1.852 1.682v6.051q0 .06-.021.113a14.56 14.56 0 0 1 8.349 4.534c.157.047.303.1.447.152c.364.133.717.261 1.205.266c.51.01 1.01.56 1.02 1.07c.01.15.01.31 0 .47c-.01.5-.42.9-.92.9H3.08C2.48 29 2 28.52 2 27.92c0-.48.33-.91.8-1.04c.339-.09.628-.227.923-.367c.53-.252 1.08-.513 1.967-.513q.14 0 .266.009a14.56 14.56 0 0 1 8.105-4.38a.3.3 0 0 1-.031-.134v-8.061a2.5 2.5 0 0 1-1.576-1.038L9.61 15.24c-.37.36-.99.33-1.28-.1c-1.387-2.021-1.194-4.838.57-6.65H6.05c-.54 0-.98-.49-.87-1.01c.48-2.54 2.73-4.49 5.4-4.49c2.702 0 4.973 1.986 5.42 4.567c.448-2.581 2.718-4.567 5.42-4.567c2.67 0 4.92 1.95 5.4 4.49c.1.53-.33 1.01-.87 1.01h-3.11c1.75 1.76 1.947 4.514.59 6.5c-.28.41-.89.45-1.24.09m3.645 10.957c-.525.08-.855.271-1.185.463c-.43.25-.86.5-1.72.5c-.859 0-1.289-.25-1.72-.499c-.431-.25-.864-.501-1.73-.501c-.859 0-1.289.25-1.72.499c-.431.25-.864.501-1.73.501c-.859 0-1.289-.25-1.72-.499c-.431-.25-.864-.501-1.73-.501c-.86 0-1.29.25-1.72.5s-.86.5-1.72.5c-.859 0-1.289-.25-1.72-.499a7 7 0 0 0-.355-.196a13.55 13.55 0 0 1 9.525-3.895c3.57 0 6.82 1.375 9.245 3.627M14.51 9.5a1.49 1.49 0 1 0 0 2.98a1.49 1.49 0 0 0 0-2.98m3.98 2a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg>
Comment utiliser l'icône Desert Island
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:desert-island" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:desert-island" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:desert-island" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--desert-island]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:desert-island"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:desert-island"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/desert-island.svg" alt="Icône Desert Island" width="24" height="24">
Icônes similaires dans Fluent Emoji High Contrast
L'icône Desert Island dans d'autres collections
FAQ : Icône Desert Island
L'icône Desert Island est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Desert Island dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:desert-island" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Desert Island à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/desert-island.svg" alt="Icône Desert Island">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji High Contrast →
ICONYZ
