Desert Island アイコン
fluent-emoji-flat:desert-island
Desert Island アイコン(fluent-emoji-flat:desert-island)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: 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>
Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Desert Island アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
