Arbitrum One Background アイコン
token-branded:arbitrum-one-background
Arbitrum One Background アイコン(token-branded:arbitrum-one-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
- タグ
- arbitrumone、onebackground、arbitrumonebackground
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="#213147" d="M24 0H0v24h24z"/><path fill="#fff" d="m13.203 13.216l-.787 2.124a.27.27 0 0 0 0 .183l1.354 3.655l1.565-.89l-1.879-5.072c-.042-.117-.21-.117-.253 0m1.577-3.573a.135.135 0 0 0-.253 0l-.787 2.124a.27.27 0 0 0 0 .183l2.217 5.985l1.565-.89z"/><path fill="#fff" d="M11.999 4.991a.24.24 0 0 1 .111.03l5.969 3.393a.22.22 0 0 1 .112.19v6.787a.22.22 0 0 1-.112.19l-5.969 3.395a.2.2 0 0 1-.111.029a.24.24 0 0 1-.113-.03l-5.968-3.39a.22.22 0 0 1-.112-.19v-6.79a.22.22 0 0 1 .112-.19l5.969-3.393a.23.23 0 0 1 .111-.03m0-.991c-.213 0-.426.054-.616.163L5.416 7.556a1.21 1.21 0 0 0-.616 1.05v6.787c0 .433.234.834.616 1.05l5.968 3.394a1.25 1.25 0 0 0 1.232 0l5.968-3.394a1.21 1.21 0 0 0 .616-1.05V8.606a1.21 1.21 0 0 0-.616-1.05l-5.97-3.393A1.24 1.24 0 0 0 11.998 4"/><path fill="#fff" d="m8.052 17.943l.55-1.482l1.105.905l-1.034.93zm3.445-9.823H9.984a.27.27 0 0 0-.254.175l-3.243 8.757l1.565.89L11.623 8.3a.132.132 0 0 0-.127-.179"/><path fill="#fff" d="M14.144 8.12h-1.513a.27.27 0 0 0-.253.175l-3.704 10l1.565.89l4.032-10.886a.133.133 0 0 0-.127-.179"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Arbitrum One Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:arbitrum-one-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:arbitrum-one-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:arbitrum-one-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--arbitrum-one-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:arbitrum-one-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:arbitrum-one-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/arbitrum-one-background.svg" alt="Arbitrum One Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Arbitrum One Background アイコン のよくある質問
Arbitrum One Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Arbitrum One Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:arbitrum-one-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Arbitrum One Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/arbitrum-one-background.svg" alt="Arbitrum One Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。