Injective Background アイコン
token-branded:injective-background
Injective Background アイコン(token-branded:injective-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- injectivebackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#4d3dff" d="M24 0H0v24h24z"/><path fill="#fff" d="m13.68 4l-.048.098c1.664.737 2.608 2.26 2.608 3.93c0 1.802-1.152 3.44-3.392 4.832l-.368.23c-1.68 1.047-2.528 2.226-2.528 3.651c0 1.834 1.408 3.177 3.344 3.177c3.104 0 6.704-3.39 6.704-7.91c0-.737-.096-1.457-.272-2.145l-.112.033c.048.376.064.655.064.917c0 2.67-1.472 4.962-3.936 6.485l-.24.147c-.528.311-.976.492-1.424.492c-.592 0-1.04-.393-1.04-.967c0-.491.32-.982 1.36-1.605l.304-.18c2.304-1.375 3.584-3.308 3.584-5.453c0-2.719-1.984-4.962-4.608-5.732m-3.36 16l.048-.098c-1.664-.737-2.608-2.26-2.608-3.93c0-1.802 1.152-3.44 3.392-4.832l.368-.229c1.68-1.048 2.528-2.227 2.528-3.652c0-1.834-1.408-3.177-3.344-3.177C7.6 4.082 4 7.472 4 11.992c0 .737.096 1.457.272 2.145l.112-.033a7 7 0 0 1-.064-.917c0-2.67 1.472-4.962 3.936-6.485l.24-.147c.528-.311.976-.492 1.424-.492c.592 0 1.04.394 1.04.967c0 .491-.32.982-1.36 1.605l-.304.18c-2.304 1.375-3.584 3.308-3.584 5.453c0 2.719 1.984 4.962 4.608 5.732"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Injective Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:injective-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:injective-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:injective-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--injective-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:injective-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:injective-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/injective-background.svg" alt="Injective Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Injective Background アイコン のよくある質問
Injective Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Injective Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:injective-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Injective Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/injective-background.svg" alt="Injective Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。