Leafy Green アイコン
fluent-emoji-flat:leafy-green
Leafy Green アイコン(fluent-emoji-flat:leafy-green)は、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
- カテゴリ
- 飲食
- タグ
- leafygreen
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#008463" d="M12.122 5.389c-2.59-1.35-5.81-.41-7.24 2.16c-.9 1.62-.89 3.51-.11 5.05c-.84.39-1.56 1.04-2.04 1.9a4.57 4.57 0 0 0-.13 4.22c.8 1.68.79 3.64-.12 5.26a3.794 3.794 0 0 0 .83 4.72a3.794 3.794 0 0 0 4.72.83c1.62-.91 3.58-.92 5.26-.12c1.3.62 2.87.63 4.22-.13c.86-.48 1.51-1.2 1.9-2.04c1.54.78 3.43.79 5.05-.11c2.57-1.43 3.51-4.65 2.16-7.24c.48-.13.96-.34 1.4-.64a4.58 4.58 0 0 0 1.55-5.73a4.575 4.575 0 0 0-7.28-1.37a5.4 5.4 0 0 0-1.105-1.325a5.4 5.4 0 0 0-1.325-1.105a4.575 4.575 0 0 0-1.37-7.28a4.58 4.58 0 0 0-5.73 1.55c-.3.44-.51.92-.64 1.4"/><path fill="#86d72f" d="M23.962 22.069a5.413 5.413 0 0 0 .1-7.55c.43-.26.83-.59 1.17-1c1.43-1.71 1.4-4.25-.07-5.93a4.573 4.573 0 0 0-6.68-.23c-.27.27-.5.57-.69.89a5.413 5.413 0 0 0-7.55.1a5.4 5.4 0 0 0-1.49 4.82c-.91.15-1.78.58-2.48 1.28a4.52 4.52 0 0 0-1.27 4.01c.32 1.83-.23 3.71-1.54 5.03a3.79 3.79 0 0 0 5.36 5.36c1.32-1.32 3.19-1.86 5.03-1.54a4.56 4.56 0 0 0 4.02-1.27c.7-.7 1.12-1.57 1.28-2.48c1.69.31 3.5-.18 4.81-1.49"/><path fill="#c3ef3c" d="M13.864 11.481a.5.5 0 0 1 .626.33l1.254 4.039l4.245-4.245a.5.5 0 0 1 .707.707l-4.244 4.244l4.048 1.255a.5.5 0 0 1-.296.955l-4.552-1.41l-4.06 4.06l2.848.885a.5.5 0 1 1-.296.955l-3.352-1.04l-2.226 2.226a.5.5 0 1 1-.707-.707l2.226-2.226l-1.04-3.352A.5.5 0 0 1 10 17.86l.884 2.85l4.061-4.062l-1.41-4.541a.5.5 0 0 1 .329-.626"/></g></svg>
Leafy Green アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:leafy-green" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:leafy-green" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:leafy-green" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--leafy-green]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:leafy-green"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:leafy-green"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/leafy-green.svg" alt="Leafy Green アイコン" width="24" height="24">
他のアイコンセットの Leafy Green アイコン
Leafy Green アイコン のよくある質問
Leafy Green アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Leafy Green アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:leafy-green" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Leafy Green アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/leafy-green.svg" alt="Leafy Green アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
