Loka アイコン
token:loka
Loka アイコン(token:loka)は、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" d="m3.002 13.058l7.94 7.94s-2.224-3.801-3.282-4.876c-1.059-1.058-4.658-3.064-4.658-3.064m6.352-2.646l-6.193 1.61c-.085.02-.132.084-.159.163a.21.21 0 0 0 .095.207L7.28 15.07c.174.122.376.132.582.064a.58.58 0 0 0 .376-.445zm4.234 4.235l-1.561 6.192a.2.2 0 0 1-.37.059l-2.721-4.145a.59.59 0 0 1-.064-.582a.63.63 0 0 1 .434-.387zm-3.97-4.763l1.853-6.701a.16.16 0 0 0-.064-.16q-.096-.053-.17.027l-8.193 8.183c-.053.048-.053.106-.026.17c.037.058.095.084.158.058zm4.499 4.763L12.53 20.82a.16.16 0 0 0 .064.159q.096.054.17-.027l8.193-8.183c.053-.048.053-.106.027-.17c-.038-.058-.096-.084-.16-.058zm0-.53l6.193-2.075a.21.21 0 0 0 .16-.159a.17.17 0 0 0-.096-.18l-4.245-2.26a.72.72 0 0 0-.582-.053a.55.55 0 0 0-.382.403zm-3.969-4.234L11.84 3.17c.021-.09.08-.159.159-.17c.08-.01.159.027.19.107l2.356 4.631a.74.74 0 0 1 .053.635q-.113.334-.408.429zm-.265.531l4.271-1.038s.625-.174.466.509c-.159.677-1.032 4.234-1.032 4.234l-4.235 1.048s-.619.138-.518-.582c.105-.704 1.048-4.171 1.048-4.171m2.647-7.412l8.468 8.469s-4.203-1.906-5.256-3.044C14.7 7.284 12.53 3.002 12.53 3.002"/></svg>Loka アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:loka" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:loka" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:loka" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--loka]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:loka"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:loka"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/loka.svg" alt="Loka アイコン" width="24" height="24">他のアイコンセットの Loka アイコン
Loka アイコン のよくある質問
Loka アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Loka アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:loka" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Loka アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/loka.svg" alt="Loka アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。