Blz Background アイコン
token-branded:blz-background
Blz Background アイコン(token-branded:blz-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
- タグ
- blzbackground
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="#275589" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 6.618A1.31 1.31 0 1 0 12 4a1.31 1.31 0 0 0 0 2.618M12 20a1.309 1.309 0 1 0 0-2.618A1.309 1.309 0 0 0 12 20m.468-12.675h-.936v1.87h.936zm0 7.48h-.936v1.87h.936zM6.618 12A1.309 1.309 0 1 0 4 12a1.309 1.309 0 0 0 2.618 0m12.073-1.31a1.31 1.31 0 1 1 0 2.62a1.31 1.31 0 0 1 0-2.62M7.325 12.468v-.935h1.87v.935zm7.48 0v-.935h1.87v.935zm-6.617-6.12A1.31 1.31 0 1 1 6.336 8.2a1.31 1.31 0 0 1 1.852-1.852m9.465 11.306a1.31 1.31 0 0 0 .283-1.427a1.31 1.31 0 1 0-.284 1.427M9.41 8.065L8.073 9.411l1.236 1.243l1.338-1.345zm5.259 5.259l-1.347 1.346l1.244 1.243l1.338-1.345zm1.137-5.13a1.31 1.31 0 0 0 2.135-.425a1.309 1.309 0 1 0-2.135.424m-7.614 9.454a1.31 1.31 0 0 1-1.851 0a1.31 1.31 0 0 1 0-1.852a1.31 1.31 0 1 1 1.851 1.852m2.331-4.172a2.08 2.08 0 0 0 2.275.452A2.08 2.08 0 0 0 14.087 12a2.087 2.087 0 1 0-3.563 1.476m5.418-4.065l-1.36-1.353l-1.244 1.244l1.36 1.36zm-5.259 5.265l-1.36-1.36L8.08 14.56l1.36 1.353z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Blz Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:blz-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:blz-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:blz-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--blz-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:blz-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:blz-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/blz-background.svg" alt="Blz Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Blz Background アイコン のよくある質問
Blz Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Blz Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:blz-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Blz Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/blz-background.svg" alt="Blz Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。