Lava Network アイコン
token-branded:lava-network
Lava Network アイコン(token-branded:lava-network)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- lavanetwork
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#95001a" d="m16.7 13.883l-4.52-2.223l-.18.11l-.137-.13l-4.565 2.242l-.18.288l.11.253l4.367 2.145h.81l4.366-2.145l.11-.253z"/><path fill="#40004d" d="m7.118 14.17l4.881 2.399v.199l-3.163 1.555H8.43l-1.312-.654l-.18-.266v-2.945z"/><path fill="#520033" d="m16.88 14.17l-4.879 2.399v.199l3.163 1.555h.406l1.313-.654l.18-.266v-2.945z"/><path fill="#ffa80a" d="m16.883 9.402l-.18.11v4.371l.178.288l.182.287l2.95 1.45h.406l.581-.29z"/><path fill="#ff3417" d="m7.117 9.402l.18.11v4.371l-.18.288l-.18.287l-2.95 1.45h-.405L3 15.617z"/><path fill="#6d0044" d="m7.117 17.669l-3.535-1.762l3.535-1.736z"/><path fill="#6d0074" d="m11.999 20.1l3.568-1.777L12 16.569l-3.57 1.754z"/><path fill="#6d0044" d="m16.882 17.669l3.536-1.762l-3.538-1.736z"/><path fill="#ffa80a" d="M12 3.9h-1.238L7.118 9.401l.18.112l4.701-2.31v-.2l.18-.124l.001-2.823z"/><path fill="#d7001f" d="M11.999 7.003L7.117 9.401v4.77L12 11.77l.18-.11V7.29z"/><path fill="#ffe50a" d="M12 3.9h1.238l3.645 5.501l-.18.112l-4.524-2.223l-.18-.287z"/><path fill="#ef8109" d="M16.88 14.17L12 11.773v-4.77l4.882 2.398z"/></g></svg>Lava Network アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:lava-network" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:lava-network" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:lava-network" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--lava-network]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:lava-network"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:lava-network"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/lava-network.svg" alt="Lava Network アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Lava Network アイコン
Lava Network アイコン のよくある質問
Lava Network アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lava Network アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:lava-network" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lava Network アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/lava-network.svg" alt="Lava Network アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。