Coconut アイコン
fluent-emoji-flat:coconut
Coconut アイコン(fluent-emoji-flat:coconut)は、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
- カテゴリ
- 飲食
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="m26.219 8.156l-3.32-3.33l-18.08 18.08l3.33 3.33c4.99 4.99 13.08 4.99 18.07 0c4.99-5 4.99-13.09 0-18.08"/><path fill="#a56953" d="M23.619 20.206c.04-.79.22-1.58.61-2.33c2.33-4.52 1.96-9.76-1.33-13.05c-2.79-2.79-6.97-3.48-10.93-2.22a4.1 4.1 0 0 0-2.4 2.05c-.3.61-.85 1.29-1.57 1.9c-.72.62-1.48 1.05-2.1 1.24c-1.02.3-1.9 1.07-2.4 2.04c-2.34 4.52-1.97 9.77 1.32 13.07c1.57 1.57 3.59 2.48 5.75 2.74c.7.09 1.34.35 1.89.73c.34.23.87.33 1.46.23c.57-.1 1.08-.36 1.42-.7c.57-.56 1.21-1.05 1.92-1.37c.08-.04.15-.07.23-.11c.76-.36 1.56-.52 2.34-.53c.76 0 1.72-.45 2.53-1.26c.78-.77 1.23-1.69 1.26-2.43"/><path fill="#d3d3d3" d="M22.609 18.836c0-.52.12-1.05.37-1.55c1.99-3.93 1.65-8.48-1.21-11.34c-2.51-2.51-6.32-3.08-9.88-1.83c-.53.2-.97.66-1.12 1.2c-.19.68-.83 1.58-1.75 2.37c-.94.8-1.92 1.28-2.61 1.33c-.55.04-1.09.38-1.38.9c-2.3 4.05-2.06 8.87.93 11.86c1.46 1.46 3.37 2.27 5.4 2.44c.52.04.97.26 1.36.55c.35.27.94.36 1.59.22c.63-.14 1.17-.48 1.48-.88c.33-.42.75-.76 1.23-.98l.24-.12c.5-.25 1.03-.39 1.55-.38c.76.01 1.73-.45 2.54-1.26c.8-.81 1.25-1.77 1.26-2.53"/><path fill="#9b9b9b" d="M21.519 17.326c-.08-.26-.05-.55.08-.83c1.54-3.24 1.22-6.93-1.12-9.27c-1.95-1.95-4.83-2.5-7.61-1.74c-.54.15-.97.61-1.1 1.15c-.17.69-.82 1.6-1.76 2.41c-.94.8-1.94 1.29-2.62 1.33c-.57.04-1.1.4-1.34.93c-1.49 3.21-1.14 6.85 1.17 9.16c1.28 1.28 2.95 1.95 4.74 2.06c.26.01.48.11.65.29c.33.34.98.48 1.71.32c.7-.16 1.28-.55 1.57-1.01c.15-.23.36-.42.6-.53h.01c.27-.13.56-.15.82-.07c.79.26 2.02-.2 3.01-1.19c.99-1 1.44-2.22 1.19-3.01"/></g></svg>
Coconut アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:coconut" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:coconut" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:coconut" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--coconut]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:coconut"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:coconut"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/coconut.svg" alt="Coconut アイコン" width="24" height="24">
Coconut アイコン のよくある質問
Coconut アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coconut アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:coconut" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coconut アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/coconut.svg" alt="Coconut アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
