Icône Desert Island
fluent-emoji-flat:desert-island
L'icône Desert Island (fluent-emoji-flat:desert-island) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat 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 Flat
- 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"><g fill="none"><path fill="#593b39" d="M18.5 8.35h-3.95c-.29 0-.52.23-.52.52v17.08c0 .29.23.52.52.52h3.95c.29 0 .52-.23.52-.52V8.88c0-.29-.23-.53-.52-.53"/><path fill="#ff944c" d="M28.794 28H4.386a14.58 14.58 0 0 1 12.204-6.59c5.106 0 9.598 2.62 12.204 6.59"/><path fill="#96c34a" d="M15.92 8.49H6.05c-.54 0-.98-.49-.87-1.01c.48-2.54 2.73-4.49 5.4-4.49c2.703 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.01z"/><path fill="#608842" d="m15.75 9.1l-3.07 3.07l-3.07 3.07c-.37.36-.99.33-1.28-.1c-1.4-2.04-1.19-4.89.62-6.7s4.65-2.02 6.7-.62c.21.142.326.366.345.6a.77.77 0 0 1 .325-.54c1.99-1.36 4.75-1.15 6.51.6c1.76 1.76 1.96 4.52.6 6.51c-.28.41-.89.45-1.24.09l-2.98-2.98l-2.98-2.98a.83.83 0 0 1-.239-.518a.85.85 0 0 1-.241.498"/><path fill="#8b5c56" d="M16.5 10.99a1.99 1.99 0 1 1-3.98 0a1.99 1.99 0 0 1 3.98 0M20.49 13a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="#00a6ed" d="M30.02 27.63c-.01-.51-.51-1.06-1.02-1.07c-1.02-.01-1.45-.56-2.63-.56c-1.72 0-1.72 1-3.44 1s-1.72-1-3.45-1c-1.72 0-1.72 1-3.45 1c-1.72 0-1.72-1-3.45-1c-1.72 0-1.72 1-3.44 1s-1.72-1-3.45-1c-1.38 0-1.94.63-2.89.88c-.47.13-.8.56-.8 1.04c0 .6.48 1.08 1.08 1.08H29.1c.5 0 .91-.4.92-.9c.01-.16.01-.32 0-.47"/></g></svg>
Comment utiliser l'icône Desert Island
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:desert-island" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:desert-island" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:desert-island" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--desert-island]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat: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-flat:desert-island"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/desert-island.svg" alt="Icône Desert Island" width="24" height="24">
Icônes similaires dans Fluent Emoji Flat
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 Flat 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-flat: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-flat/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 Flat →
ICONYZ
