Lime アイコン

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

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

token:lime

Lime アイコン(token:lime)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21 11.997a9 9 0 1 0-18.001.006A9 9 0 0 0 21 11.997m-1.059 0a7.939 7.939 0 1 0-15.877 0a7.939 7.939 0 0 0 15.877 0m-7.938-1.058a1.058 1.058 0 1 1 0 2.116a1.058 1.058 0 0 1 0-2.116m4.408 7.118a7.6 7.6 0 0 0 2.551-3.281a.85.85 0 0 0-.037-.73a.84.84 0 0 0-.571-.45l-4.34-1.038a.77.77 0 0 0-.784.28a.74.74 0 0 0-.079.827l1.974 4.085a.84.84 0 0 0 .572.445a.82.82 0 0 0 .714-.138m-8.785.006a7.57 7.57 0 0 1-2.52-3.155a.85.85 0 0 1 .027-.74a.84.84 0 0 1 .582-.456l4.276-1.164a1 1 0 0 1 .16-.021c.243-.01.476.1.624.301a.76.76 0 0 1 .08.826l-1.938 4.102a.86.86 0 0 1-.572.45a.84.84 0 0 1-.725-.143zm9.352-11.66a7.75 7.75 0 0 0-3.8-1.805a.88.88 0 0 0-.704.19a.84.84 0 0 0-.307.662l-.027 4.71a.74.74 0 0 0 .44.705a.78.78 0 0 0 .825-.106l3.551-3.033a.82.82 0 0 0 .318-.656a.85.85 0 0 0-.296-.667m-5.15 3.731L11.68 5.45a.85.85 0 0 0-.323-.65a.82.82 0 0 0-.704-.175a7.46 7.46 0 0 0-3.731 1.852a.85.85 0 0 0-.28.678a.82.82 0 0 0 .333.65l3.599 2.965a.76.76 0 0 0 .508.169a.77.77 0 0 0 .746-.805m5.414-2.037l-3.36 2.831a.776.776 0 0 0 .333 1.37l4.234.848a.82.82 0 0 0 .699-.175a.82.82 0 0 0 .333-.65c.01-.107.01-.218.01-.324a7.5 7.5 0 0 0-.941-3.646a.87.87 0 0 0-.599-.424a.82.82 0 0 0-.709.17m-7.145 2.826L6.684 8.187a.82.82 0 0 0-.71-.148a.85.85 0 0 0-.582.439a7.44 7.44 0 0 0-.862 4.064a.86.86 0 0 0 .349.64c.212.16.46.213.714.15l4.213-1.028a.76.76 0 0 0 .582-.598a.75.75 0 0 0-.29-.783m4.039 8.256c-.381.106-.762-.026-1.154-.159c-.302-.105-.609-.211-.932-.211c-.302 0-.63.106-.952.206c-.424.133-.837.265-1.197.17c-.254-.07-.36-.207-.465-.434a.8.8 0 0 1 0-.71l1.926-4.022a.77.77 0 0 1 .704-.434a.76.76 0 0 1 .704.434l1.921 3.99a.8.8 0 0 1 .006.704a.9.9 0 0 1-.561.461zm-2.133-5.181v4.223s.02.18-.397.307l-1.154.339c-.09.026-.789.122-.498-.667c.286-.783 1.652-3.847 1.652-3.847s.143-.329.397-.355" clip-rule="evenodd"/></svg>

Lime アイコンの使い方

React

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

<Icon icon="token:lime" width="24" />

Vue

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

<template>
  <Icon icon="token:lime" width="24" />
</template>

Svelte

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

<Icon icon="token:lime" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="token:lime"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →