Lime アイコン

Q: Lime アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji:lime

Lime アイコン(fluent-emoji:lime)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iTKGJ8b)" d="M23.995 4.83c5.875 4.82 6.696 13.434 1.839 19.255c-4.854 5.816-13.716 6.562-19.585 1.748l-1.755-1.44a1.246 1.246 0 0 1-.167-1.768L20.361 3.482a1.277 1.277 0 0 1 1.787-.165l1.846 1.514"/><path fill="url(#i7ALoph)" d="M23.995 4.83c5.875 4.82 6.696 13.434 1.839 19.255c-4.854 5.816-13.716 6.562-19.585 1.748l-1.755-1.44a1.246 1.246 0 0 1-.167-1.768L20.361 3.482a1.277 1.277 0 0 1 1.787-.165l1.846 1.514"/><path fill="url(#i6zExnc)" d="M23.995 4.83c5.875 4.82 6.696 13.434 1.839 19.255c-4.854 5.816-13.716 6.562-19.585 1.748l-1.755-1.44a1.246 1.246 0 0 1-.167-1.768L20.361 3.482a1.277 1.277 0 0 1 1.787-.165l1.846 1.514"/><path fill="url(#iOMP4xs)" d="M23.995 4.83c5.875 4.82 6.696 13.434 1.839 19.255c-4.854 5.816-13.716 6.562-19.585 1.748l-1.755-1.44a1.246 1.246 0 0 1-.167-1.768L20.361 3.482a1.277 1.277 0 0 1 1.787-.165l1.846 1.514"/><path fill="url(#igUYIze)" d="M23.995 4.83c5.875 4.82 6.696 13.434 1.839 19.255c-4.854 5.816-13.716 6.562-19.585 1.748l-1.755-1.44a1.246 1.246 0 0 1-.167-1.768L20.361 3.482a1.277 1.277 0 0 1 1.787-.165l1.846 1.514"/><path fill="url(#iA8h1Hd)" d="M4.254 22.712a1.09 1.09 0 0 0 .228 1.606c5.837 3.998 13.897 2.98 18.512-2.53c4.614-5.509 4.13-13.535-.925-18.468a1.12 1.12 0 0 0-1.636.076z"/><path fill="url(#ig9ESwc)" d="M4.254 22.712a1.09 1.09 0 0 0 .228 1.606c5.837 3.998 13.897 2.98 18.512-2.53c4.614-5.509 4.13-13.535-.925-18.468a1.12 1.12 0 0 0-1.636.076z"/><path fill="url(#ihuIscc)" d="M4.254 22.712a1.09 1.09 0 0 0 .228 1.606c5.837 3.998 13.897 2.98 18.512-2.53c4.614-5.509 4.13-13.535-.925-18.468a1.12 1.12 0 0 0-1.636.076z"/><path fill="url(#iQdW5Sc)" d="M21.673 20.706c4.263-5.09 3.547-12.665-1.597-16.883L4.612 22.285c5.144 4.22 12.798 3.51 17.06-1.58"/><path fill="url(#iLRJcAc)" d="M21.673 20.706c4.263-5.09 3.547-12.665-1.597-16.883L4.612 22.285c5.144 4.22 12.798 3.51 17.06-1.58"/><path fill="#B7F54C" d="m14.607 12.138l5.795.66c1.04.119 1.897-.806 1.678-1.82a9.8 9.8 0 0 0-3.378-5.516l-4.583 5.473a.736.736 0 0 0 .488 1.204z"/><path fill="url(#izdMbFe)" d="m14.607 12.138l5.795.66c1.04.119 1.897-.806 1.678-1.82a9.8 9.8 0 0 0-3.378-5.516l-4.583 5.473a.736.736 0 0 0 .488 1.204z"/><path fill="url(#ipn1Xky)" d="m14.607 12.138l5.795.66c1.04.119 1.897-.806 1.678-1.82a9.8 9.8 0 0 0-3.378-5.516l-4.583 5.473a.736.736 0 0 0 .488 1.204z"/><path fill="url(#iJoPlSb)" d="m14.607 12.138l5.795.66c1.04.119 1.897-.806 1.678-1.82a9.8 9.8 0 0 0-3.378-5.516l-4.583 5.473a.736.736 0 0 0 .488 1.204z"/><path fill="#B7F54E" d="m13.213 14.836l1.855 5.906a1.538 1.538 0 0 0 2.217.874a9.9 9.9 0 0 0 4.479-5.347c.317-.914-.309-1.883-1.28-1.994l-6.209-.707a.986.986 0 0 0-1.062 1.268"/><path fill="url(#iQPk2ye)" d="m13.213 14.836l1.855 5.906a1.538 1.538 0 0 0 2.217.874a9.9 9.9 0 0 0 4.479-5.347c.317-.914-.309-1.883-1.28-1.994l-6.209-.707a.986.986 0 0 0-1.062 1.268"/><path fill="url(#iKGl3ie)" d="m13.213 14.836l1.855 5.906a1.538 1.538 0 0 0 2.217.874a9.9 9.9 0 0 0 4.479-5.347c.317-.914-.309-1.883-1.28-1.994l-6.209-.707a.986.986 0 0 0-1.062 1.268"/><path fill="#B4EF4D" d="m13.586 20.937l-1.731-5.512a.749.749 0 0 0-1.286-.252l-4.584 5.473a9.98 9.98 0 0 0 6.104 2.261c1.047.025 1.807-.98 1.496-1.97"/><path fill="url(#ifYZ4xT)" d="m13.586 20.937l-1.731-5.512a.749.749 0 0 0-1.286-.252l-4.584 5.473a9.98 9.98 0 0 0 6.104 2.261c1.047.025 1.807-.98 1.496-1.97"/><defs><radialGradient id="i7ALoph" cx="0" cy="0" r="1" gradientTransform="rotate(101.896 8.239 8.482)scale(34.3625 23.2845)" gradientUnits="userSpaceOnUse"><stop offset=".775" stop-color="#387569" stop-opacity="0"/><stop offset=".804" stop-color="#377569"/></radialGradient><radialGradient id="i6zExnc" cx="0" cy="0" r="1" gradientTransform="rotate(81.872 5.083 8.39)scale(32.2394 21.8458)" gradientUnits="userSpaceOnUse"><stop stop-color="#7DC461"/><stop offset=".775" stop-color="#387569" stop-opacity="0"/></radialGradient><radialGradient id="iOMP4xs" cx="0" cy="0" r="1" gradientTransform="rotate(91.809 8.068 9.92)scale(31.9345 21.6392)" gradientUnits="userSpaceOnUse"><stop stop-color="#377569"/><stop offset=".505" stop-color="#387569" stop-opacity="0"/></radialGradient><radialGradient id="igUYIze" cx="0" cy="0" r="1" gradientTransform="rotate(35.651 -19.638 27.504)scale(17.0153 20.6619)" gradientUnits="userSpaceOnUse"><stop offset=".369" stop-color="#253E1B"/><stop offset=".774" stop-color="#387569" stop-opacity="0"/></radialGradient><radialGradient id="iA8h1Hd" cx="0" cy="0" r="1" gradientTransform="matrix(14.5 8 -7.6677 13.8977 12.5 12.5)" gradientUnits="userSpaceOnUse"><stop offset=".727" stop-color="#A1DA3E"/><stop offset=".816" stop-color="#C6FE65"/><stop offset=".846" stop-color="#ADE934"/></radialGradient><radialGradient id="ihuIscc" cx="0" cy="0" r="1" gradientTransform="matrix(-15.49998 -5.5001 5.1374 -14.47783 23.5 25)" gradientUnits="userSpaceOnUse"><stop offset=".579" stop-color="#A1DA28"/><stop offset="1" stop-color="#A2DA28" stop-opacity="0"/></radialGradient><radialGradient id="izdMbFe" cx="0" cy="0" r="1" gradientTransform="matrix(4.5 19.5 -21.6806 5.0032 13.5 12)" gradientUnits="userSpaceOnUse"><stop offset=".283" stop-color="#B7F54D" stop-opacity="0"/><stop offset=".404" stop-color="#8DC843"/></radialGradient><radialGradient id="ipn1Xky" cx="0" cy="0" r="1" gradientTransform="matrix(-4.00006 22 -24.46017 -4.44737 22 9.5)" gradientUnits="userSpaceOnUse"><stop offset=".283" stop-color="#B7F54D" stop-opacity="0"/><stop offset=".404" stop-color="#8DC843"/></radialGradient><radialGradient id="iQPk2ye" cx="0" cy="0" r="1" gradientTransform="matrix(1.70799 20.99675 -30.24101 2.45996 15.767 21.814)" gradientUnits="userSpaceOnUse"><stop offset=".275" stop-color="#B7F54D" stop-opacity="0"/><stop offset=".408" stop-color="#8DC843"/></radialGradient><radialGradient id="iKGl3ie" cx="0" cy="0" r="1" gradientTransform="rotate(71.035 -7.106 14.055)scale(24.63 35.4738)" gradientUnits="userSpaceOnUse"><stop offset=".299" stop-color="#B7F54D" stop-opacity="0"/><stop offset=".408" stop-color="#8DC843"/></radialGradient><radialGradient id="ifYZ4xT" cx="0" cy="0" r="1" gradientTransform="matrix(5.2921 22.76446 -22.00394 5.1153 4.5 20.5)" gradientUnits="userSpaceOnUse"><stop offset=".283" stop-color="#B7F54D" stop-opacity="0"/><stop offset=".404" stop-color="#8DC843"/></radialGradient><linearGradient id="iTKGJ8b" x1="28.085" x2="12.157" y1="8.345" y2="28.768" gradientUnits="userSpaceOnUse"><stop offset=".007" stop-color="#99CE6F"/><stop offset="1" stop-color="#367C6B"/></linearGradient><linearGradient id="ig9ESwc" x1="9.5" x2="15" y1="10.5" y2="15" gradientUnits="userSpaceOnUse"><stop offset=".372" stop-color="#8EC827"/><stop offset=".727" stop-color="#95C35D" stop-opacity="0"/></linearGradient><linearGradient id="iQdW5Sc" x1="18" x2="11" y1="5.5" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#FAFFAD"/><stop offset="1" stop-color="#FFFFC4"/></linearGradient><linearGradient id="iLRJcAc" x1="11" x2="18.5" y1="8" y2="14" gradientUnits="userSpaceOnUse"><stop offset=".436" stop-color="#E4F8A3"/><stop offset=".605" stop-color="#E4F9A3" stop-opacity="0"/></linearGradient><linearGradient id="iJoPlSb" x1="24.5" x2="18" y1="-12" y2="31.5" gradientUnits="userSpaceOnUse"><stop offset=".542" stop-color="#B7F54D" stop-opacity="0"/><stop offset=".609" stop-color="#8DC843"/></linearGradient></defs></g></svg>

Lime アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:lime" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:lime" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:lime" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--lime]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:lime"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:lime"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/lime.svg" alt="Lime アイコン" width="24" height="24">

他のアイコンセットの Lime アイコン

Lime アイコンのよくある質問

Lime アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Lime アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji:lime" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Lime アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/lime.svg" alt="Lime アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji アイコンをすべて見る →