Japan Open Chain Background アイコン
token-branded:japan-open-chain-background
Japan Open Chain Background アイコン(token-branded:japan-open-chain-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
- タグ
- japanopen、openchain、chainbackground、japanopenchainbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><path id="SVGP39apLaf" fill="#fff" d="M0 0h24v24H0z"/><path id="SVGpxXQtcEd" fill="#bf1b21" d="M4 12.626q0-1.335.496-2.49q.495-1.174 1.382-2.062A6.3 6.3 0 0 1 7.915 6.67a6.1 6.1 0 0 1 2.497-.516q1.328 0 2.497.516q1.17.497 2.055 1.404a6.5 6.5 0 0 1 1.382 2.062q.513 1.155.513 2.49q0 1.332-.513 2.507a6.5 6.5 0 0 1-3.437 3.431a6.3 6.3 0 0 1-2.497.498q-1.328 0-2.497-.48a6.4 6.4 0 0 1-2.037-1.351a6.3 6.3 0 0 1-1.382-2.045A6.5 6.5 0 0 1 4 12.626m.885.017q0 1.156.425 2.17q.425 1.013 1.187 1.777A5.8 5.8 0 0 0 8.25 17.8a5.5 5.5 0 0 0 2.143.426c.756 0 1.505-.143 2.178-.427a5.7 5.7 0 0 0 1.771-1.209a5.5 5.5 0 0 0 1.186-1.777a5.4 5.4 0 0 0 .443-2.187c0-.782-.147-1.493-.443-2.17a5.5 5.5 0 0 0-1.186-1.795a5.6 5.6 0 0 0-1.77-1.226a5.3 5.3 0 0 0-2.162-.445a5.2 5.2 0 0 0-2.178.462a5.6 5.6 0 0 0-1.77 1.227a5.8 5.8 0 0 0-1.17 1.814a5.7 5.7 0 0 0-.407 2.151"/></defs><g fill="none"><g clip-path="url(#SVGRlZmidyt)"><use href="#SVGP39apLaf"/><path fill="#010100" d="M20 18.083a8 8 0 0 1-.939.48a5.6 5.6 0 0 1-1.169.356a6.3 6.3 0 0 1-1.381.142q-1.435 0-2.604-.498a6.2 6.2 0 0 1-2.001-1.387a6.5 6.5 0 0 1-1.293-2.026a6.8 6.8 0 0 1-.443-2.454q0-1.386.479-2.578a6.28 6.28 0 0 1 3.365-3.467a6.2 6.2 0 0 1 2.497-.497q.992 0 1.86.266a7 7 0 0 1 1.576.694l-.372.8q-.62-.39-1.4-.658a5 5 0 0 0-1.646-.267q-1.116 0-2.107.445a5.4 5.4 0 0 0-1.754 1.209a5.6 5.6 0 0 0-1.169 1.795a5.8 5.8 0 0 0-.425 2.223c0 .793.124 1.475.372 2.15q.39 1.014 1.098 1.779q.726.765 1.736 1.208q1.01.427 2.249.427q.921 0 1.683-.25q.779-.265 1.381-.657z"/><use href="#SVGpxXQtcEd"/><path fill="#010100" d="M8.43 15.12q0 1.405-.514 2.4q-.514.996-1.382 1.511q-.85.533-1.93.57v-.837q1.275-.07 2.107-1.013q.85-.942.85-2.685V4.4h.867v10.72zM20 18.083a8 8 0 0 1-.939.48a5.6 5.6 0 0 1-1.169.356a6.3 6.3 0 0 1-1.381.142q-1.435 0-2.604-.498a6.2 6.2 0 0 1-2.001-1.387a6.5 6.5 0 0 1-1.293-2.026a6.8 6.8 0 0 1-.443-2.454q0-1.386.479-2.578a6.28 6.28 0 0 1 3.365-3.467a6.2 6.2 0 0 1 2.497-.497q.992 0 1.86.266a7 7 0 0 1 1.576.694l-.372.8q-.62-.39-1.4-.658a5 5 0 0 0-1.646-.267q-1.116 0-2.107.445a5.4 5.4 0 0 0-1.754 1.209a5.6 5.6 0 0 0-1.169 1.795a5.8 5.8 0 0 0-.425 2.223c0 .793.124 1.475.372 2.15q.39 1.014 1.098 1.779q.726.765 1.736 1.208q1.01.427 2.249.427q.921 0 1.683-.25q.779-.265 1.381-.657z"/><use href="#SVGpxXQtcEd"/></g><defs><clipPath id="SVGRlZmidyt"><use href="#SVGP39apLaf"/></clipPath></defs></g></svg>Japan Open Chain Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:japan-open-chain-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:japan-open-chain-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:japan-open-chain-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--japan-open-chain-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:japan-open-chain-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:japan-open-chain-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/japan-open-chain-background.svg" alt="Japan Open Chain Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Japan Open Chain Background アイコン のよくある質問
Japan Open Chain Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Japan Open Chain Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:japan-open-chain-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Japan Open Chain Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/japan-open-chain-background.svg" alt="Japan Open Chain Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。