Loka アイコン
token-branded:loka
Loka アイコン(token-branded:loka)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#5496f8" d="m3.002 13.06l7.94 7.94s-2.224-3.8-3.282-4.875C6.6 15.067 3.002 13.06 3.002 13.06"/><path fill="#126bf9" d="m9.354 10.412l-6.193 1.61c-.085.02-.133.084-.16.163a.21.21 0 0 0 .096.207L7.28 15.07c.174.122.375.132.582.064a.58.58 0 0 0 .376-.445z"/><path fill="#0037d1" d="m13.588 14.648l-1.562 6.192a.201.201 0 0 1-.37.059l-2.721-4.145a.6.6 0 0 1-.064-.582a.63.63 0 0 1 .434-.386z"/><path fill="#5496f8" d="m9.618 9.884l1.853-6.701a.16.16 0 0 0-.064-.16q-.096-.053-.17.027l-8.193 8.184c-.053.047-.053.105-.027.169c.037.058.096.085.16.058z"/><path fill="#0127af" d="m14.117 14.646l-1.588 6.172a.16.16 0 0 0 .064.159q.096.054.17-.027l8.193-8.183c.053-.047.053-.106.027-.17c-.038-.057-.096-.084-.16-.057z"/><path fill="#2c4ff9" d="m14.117 14.119l6.194-2.075a.21.21 0 0 0 .158-.159a.17.17 0 0 0-.095-.18l-4.245-2.26a.73.73 0 0 0-.582-.053a.55.55 0 0 0-.381.403z"/><path fill="#78a8f9" d="m10.148 9.883l1.694-6.712c.02-.09.079-.159.158-.17c.08-.01.159.027.19.107l2.356 4.631a.74.74 0 0 1 .053.635q-.113.334-.408.43z"/><path fill="#126bf9" d="m9.883 10.414l4.271-1.038s.625-.174.466.509c-.159.677-1.032 4.234-1.032 4.234l-4.234 1.048s-.62.138-.52-.582c.107-.704 1.049-4.171 1.049-4.171"/><path fill="#0037d1" d="m12.53 3.003l8.469 8.469s-4.203-1.906-5.256-3.044C14.7 7.285 12.53 3.003 12.53 3.003"/></g></svg>Loka アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:loka" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:loka" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:loka" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--loka]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:loka"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:loka"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/loka.svg" alt="Loka アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Loka アイコン
Loka アイコン のよくある質問
Loka アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Loka アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:loka" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Loka アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/loka.svg" alt="Loka アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。