Bcube Background アイコン
token-branded:bcube-background
Bcube Background アイコン(token-branded:bcube-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
- タグ
- bcubebackground
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="#191d20" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.177 5.618L12.009 4l7.037 4.016l.013-.007V16L12 20v-3.2l4.236-2.39V9.632L12 7.243l-2.823 1.59z"/><path fill="#fff" d="M7.765 6.425L4.974 8.02l-.033-.018v7.995l7.06 4v-3.195l-4.236-2.39z"/><path fill="#fff" fill-rule="evenodd" d="m12 15.214l-2.823-1.6v-.527l1.092.602l.503-.329l.485.282v.01c0 .108.07.202.165.202c.094.005.174-.085.178-.193c0-.108-.07-.202-.164-.202a.16.16 0 0 0-.137.07l-.527-.306l-.508.33l-1.087-.593v-.786l.814.47v.005c0 .109.075.198.17.198c.093 0 .174-.09.174-.198c0-.112-.076-.197-.17-.197a.17.17 0 0 0-.141.075l-.847-.49v-.846l1.948 1.12v.018c-.005.104.07.198.165.198c.094.005.174-.08.174-.188c.005-.109-.07-.203-.165-.203a.16.16 0 0 0-.132.066l-1.99-1.143v-.635l1.035-.589l1.821 1.007a.15.15 0 0 0-.018.118c.023.09.131.136.24.108c.103-.023.173-.117.15-.211c-.023-.09-.132-.137-.24-.109l-.038.014l-1.797-.993l.762-.433l.72.396l.781-.127l.725.39a.15.15 0 0 0-.005.118c.033.085.146.122.25.08c.108-.038.16-.141.127-.226s-.146-.122-.25-.085a.2.2 0 0 0-.042.024l-.786-.424l-.776.132l-.626-.343l.79-.448l2.824 1.6v3.196l-.682.386v-.636l.489-.602v-.861c.085-.057.122-.155.08-.23c-.043-.08-.165-.1-.268-.048c-.104.057-.156.165-.109.245c.033.061.104.09.18.08v.772l-.49.602v.739l-.81.461V12.57c.109-.056.16-.164.113-.249c-.042-.08-.164-.104-.273-.047c-.103.056-.155.165-.113.25c.029.046.09.075.156.075v1.995zm.683-5.016a.15.15 0 0 1-.01.103v.005l1.22.659v1.364c.074-.009.145.02.173.076c.042.085-.005.193-.108.244c-.104.057-.221.033-.268-.047c-.043-.075-.005-.174.084-.23v-1.337l-1.185-.645a.2.2 0 0 1-.057.024c-.108.028-.216-.019-.24-.113c-.024-.09.047-.183.155-.212c.104-.028.212.024.236.109" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Bcube Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:bcube-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:bcube-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:bcube-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--bcube-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:bcube-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:bcube-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/bcube-background.svg" alt="Bcube Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Bcube Background アイコン のよくある質問
Bcube Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bcube Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:bcube-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bcube Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/bcube-background.svg" alt="Bcube Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。