Ling アイコン
token:ling
Ling アイコン(token:ling)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
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="M6.68 6C5.585 6 4.84 7.16 4.84 8.16c0 .26.05.5.11.685C4.1 10.94 3 13.375 3 15.67C3 16.72 3.57 18 4.785 18c1.7 0 3.35-2.29 4.235-3.5c.965.2 2 .515 2.98.5c.985.015 2.015-.3 2.98-.5c.845 1.15 2.525 3.5 4.235 3.5C20.43 18 21 16.72 21 15.67c0-2.3-1.1-4.73-1.95-6.825c.06-.19.11-.425.11-.685c0-1-.75-2.16-1.84-2.16c-.645 0-1.025.175-1.525.41l-.17.075C14.465 6.3 13.25 6 12 6s-2.465.3-3.625.485l-.17-.075c-.5-.235-.88-.41-1.525-.41M12 7.5c-1.25 0-2.415.11-3.565.36a.65.65 0 0 1-.4-.04l-.465-.2c-.445-.205-.55-.255-.89-.255c-.32 0-.5.55-.5.8a.8.8 0 0 0 .07.33c.11.185.125.415.04.615c-.85 2.065-1.79 4.29-1.79 6.56c0 .25.075.83.45.83c1.21-.02 2.67-2.4 3.25-3.22a.65.65 0 0 1 .695-.265c.89.215 2.32.47 3.105.485c.785-.015 2.215-.27 3.105-.485c.265-.065.54.04.7.265c.73 1.05 1.735 3.19 3.25 3.22c.37 0 .445-.575.445-.83c0-2.27-.94-4.5-1.79-6.56a.68.68 0 0 1 .04-.615a.8.8 0 0 0 .075-.335c0-.245-.185-.795-.5-.795c-.345 0-.45.05-.9.25l-.455.205a.65.65 0 0 1-.4.04c-1.155-.25-2.32-.36-3.57-.36" clip-rule="evenodd"/><path fill="currentColor" d="M9.001 9.501a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0z"/><path fill="currentColor" d="M9.499 10.999a.5.5 0 1 0 0-1h-2a.5.5 0 0 0 0 1zm5.751.502a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5"/></svg>Ling アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:ling" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:ling" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:ling" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--ling]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:ling"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:ling"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/ling.svg" alt="Ling アイコン" width="24" height="24">他のアイコンセットの Ling アイコン
Ling アイコン のよくある質問
Ling アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ling アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:ling" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ling アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/ling.svg" alt="Ling アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。