Ícone Desert Island
fluent-emoji-high-contrast:desert-island
O ícone Desert Island (fluent-emoji-high-contrast:desert-island) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Viagens e lugares
- Tags
- desertisland
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/desert-island.svg" alt="Ícone Desert Island" width="24" height="24">
Ícones relacionados em Fluent Emoji High Contrast
O ícone Desert Island em outras coleções
Perguntas frequentes sobre Ícone Desert Island
O ícone Desert Island é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Desert Island no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:desert-island" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Desert Island a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/desert-island.svg" alt="Ícone Desert Island">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
