Иконка Desert Island
fluent-emoji-flat:desert-island
Иконка Desert Island (fluent-emoji-flat:desert-island) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Путешествия и места
- Теги
- desertisland
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/desert-island.svg" alt="Иконка Desert Island" width="24" height="24">
Похожие иконки в наборе Fluent Emoji Flat
Иконка Desert Island в других наборах
Вопросы и ответы: Иконка Desert Island
Можно ли бесплатно использовать иконку Desert Island в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Desert Island в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:desert-island" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Desert Island на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/desert-island.svg" alt="Иконка Desert Island">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
