Coconut アイコン
fluent-emoji-high-contrast:coconut
Coconut アイコン(fluent-emoji-high-contrast:coconut)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- 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="currentColor"><path d="M21.599 16.496c-.13.28-.16.57-.08.83c.25.79-.2 2.01-1.19 3.01c-.99.99-2.22 1.45-3.01 1.19c-.26-.08-.55-.06-.82.07h-.01c-.24.11-.45.3-.6.53c-.29.46-.87.85-1.57 1.01c-.73.16-1.38.02-1.71-.32a.92.92 0 0 0-.65-.29c-1.79-.11-3.46-.78-4.74-2.06c-2.31-2.31-2.66-5.95-1.17-9.16c.24-.53.77-.89 1.34-.93c.68-.04 1.68-.53 2.62-1.33c.94-.81 1.59-1.72 1.76-2.41c.13-.54.56-1 1.1-1.15c2.78-.76 5.66-.21 7.61 1.74c2.34 2.34 2.66 6.03 1.12 9.27"/><path d="M11.668 1.652c3.915-1.245 8.13-.736 11.197 1.793l.035-.035l4.026 4.039c5.38 5.38 5.38 14.103 0 19.493c-5.38 5.381-14.104 5.381-19.484 0l-3.33-3.33l-.002-.002l-.705-.704l.035-.035C.415 19.194.28 13.877 2.61 9.377c.613-1.187 1.697-2.153 3-2.539c.458-.141 1.097-.49 1.736-1.04l.007-.005c.643-.545 1.094-1.121 1.319-1.579v-.002a5.1 5.1 0 0 1 2.996-2.56M8.51 25.183l.345.346c4.6 4.599 12.056 4.599 16.656 0c4.6-4.61 4.599-12.067 0-16.666l-.333-.335c.968 2.893.628 6.286-.95 9.348a5.6 5.6 0 0 0-.61 2.33c-.03.74-.48 1.66-1.26 2.43c-.81.81-1.77 1.26-2.53 1.26a5.6 5.6 0 0 0-2.455.585l-.115.055c-.71.32-1.35.81-1.92 1.37c-.34.34-.85.6-1.42.7c-.59.1-1.12 0-1.46-.23c-.55-.38-1.19-.64-1.89-.73a10.3 10.3 0 0 1-2.058-.463m14.098-6.347c0-.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"/></g></svg>
Coconut アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:coconut" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:coconut" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:coconut" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--coconut]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:coconut"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:coconut"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/coconut.svg" alt="Coconut アイコン" width="24" height="24">
Coconut アイコン のよくある質問
Coconut アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coconut アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:coconut" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coconut アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/coconut.svg" alt="Coconut アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
