Lemon アイコン
fluent-emoji:lemon
Lemon アイコン(fluent-emoji:lemon)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- 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="url(#iCQrqpb)" d="M7.036 2.492L2 5.01c.826 2.336 3.525 3.525 6.043 2.518l6.044-2.518C13.26 2.663 9.85 1.177 7.035 2.492"/><g filter="url(#iZdpHfe)"><path fill="url(#iBCatEc)" d="m2.646 5.26l4.582-2.29c1.352-.579 2.822-.411 3.985.008c.998.36 1.778.983 2.205 1.775l-5.566 2.32c-2.117.844-4.329-.037-5.206-1.813"/></g><g filter="url(#iwBNVab)"><path fill="url(#i5PP5me)" d="M5.005 4.172L7.43 2.77c1.353-.578 2.823-.411 3.986.008c.998.36 1.777.983 2.205 1.776c-3.17-1.557-3.686-2.123-8.616-.38"/></g><path fill="url(#iOlnARc)" d="M14.924 4.6C9.52 6.507 6.69 12.45 8.592 17.87l1.253 3.558a10.38 10.38 0 0 0 8.929 6.908c.742.059 1.438.384 1.994.884c.8.721 1.948.989 3.027.605a3.04 3.04 0 0 0 1.983-2.372a3.4 3.4 0 0 1 .997-1.943c2.864-2.744 4.035-7.013 2.632-11.002l-1.252-3.558c-1.902-5.432-7.828-8.27-13.231-6.35"/><path fill="url(#i85HNJe)" d="M14.924 4.6C9.52 6.507 6.69 12.45 8.592 17.87l1.253 3.558a10.38 10.38 0 0 0 8.929 6.908c.742.059 1.438.384 1.994.884c.8.721 1.948.989 3.027.605a3.04 3.04 0 0 0 1.983-2.372a3.4 3.4 0 0 1 .997-1.943c2.864-2.744 4.035-7.013 2.632-11.002l-1.252-3.558c-1.902-5.432-7.828-8.27-13.231-6.35"/><path fill="url(#ibUQJZd)" d="M14.924 4.6C9.52 6.507 6.69 12.45 8.592 17.87l1.253 3.558a10.38 10.38 0 0 0 8.929 6.908c.742.059 1.438.384 1.994.884c.8.721 1.948.989 3.027.605a3.04 3.04 0 0 0 1.983-2.372a3.4 3.4 0 0 1 .997-1.943c2.864-2.744 4.035-7.013 2.632-11.002l-1.252-3.558c-1.902-5.432-7.828-8.27-13.231-6.35"/><defs><radialGradient id="iOlnARc" cx="0" cy="0" r="1" gradientTransform="rotate(115.148 7.243 12.02)scale(17.6305 14.9181)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFB98"/><stop offset=".505" stop-color="#FFD84C"/><stop offset="1" stop-color="#E6B534"/></radialGradient><radialGradient id="i85HNJe" cx="0" cy="0" r="1" gradientTransform="matrix(9.44156 25.03168 -21.18062 7.989 14.624 4.968)" gradientUnits="userSpaceOnUse"><stop offset=".522" stop-color="#FFDE67" stop-opacity="0"/><stop offset=".736" stop-color="#FFA457" stop-opacity=".2"/><stop offset=".886" stop-color="#D5676D" stop-opacity=".75"/><stop offset=".918" stop-color="#E88257"/><stop offset="1" stop-color="#F49754"/></radialGradient><radialGradient id="ibUQJZd" cx="0" cy="0" r="1" gradientTransform="matrix(28.62918 42.63926 -36.07943 24.22473 -10.594 -28.473)" gradientUnits="userSpaceOnUse"><stop offset=".708" stop-color="#D5B638"/><stop offset=".874" stop-color="#D5B638" stop-opacity="0"/></radialGradient><linearGradient id="iCQrqpb" x1="2" x2="14.086" y1="5.009" y2="5.009" gradientUnits="userSpaceOnUse"><stop stop-color="#80A338"/><stop offset="1" stop-color="#B3D745"/></linearGradient><linearGradient id="iBCatEc" x1="1.999" x2="14.085" y1="5.02" y2="5.02" gradientUnits="userSpaceOnUse"><stop stop-color="#95BD27"/><stop offset="1" stop-color="#BAE038"/></linearGradient><linearGradient id="i5PP5me" x1="13.621" x2="6.383" y1="4.24" y2="3.298" gradientUnits="userSpaceOnUse"><stop stop-color="#D1F56E" stop-opacity="0"/><stop offset=".286" stop-color="#D1F56E"/><stop offset="1" stop-color="#D1F56E" stop-opacity="0"/></linearGradient><filter id="iZdpHfe" width="12.283" height="6.31" x="1.89" y="1.841" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30102" stdDeviation=".378"/></filter><filter id="iwBNVab" width="10.127" height="3.667" x="4.249" y="1.641" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30102" stdDeviation=".378"/></filter></defs></g></svg>Lemon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:lemon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:lemon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:lemon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--lemon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:lemon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:lemon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/lemon.svg" alt="Lemon アイコン" width="24" height="24">他のアイコンセットの Lemon アイコン
Lemon アイコン のよくある質問
Lemon アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lemon アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:lemon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lemon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/lemon.svg" alt="Lemon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。