Bcoin Background icon

token-branded:bcoin-background

The Bcoin Background icon (token-branded:bcoin-background) is a free SVG icon from the Web3 Icons Branded set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons Branded icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Web3 Icons Branded
Author: 0xa3k5
License: MIT
Size: 24 × 24
Tags: bcoinbackground

Download SVG

SVG code

<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="#fff" d="M24 0H0v24h24z"/><path fill="#641500" d="M4.5 10.5H5v3h-.5zm14.5 0h.5v3H19zM5 9h.5v1.5H5zm0 6h.5v-1.5H5zm14 0h-.5v-1.5h.5zm0-6h-.5v1.5h.5zM5.5 7.5H6V9h-.5zm13 9H18V15h.5zm-13 0H6V15h-.5zm13-9H18V9h.5zm-.5 10h-.5v-1h.5zM6 6.5h.5v1H6zm0 11h.5v-1H6zm11.5.5H17v-.5h.5zM18 6.5h-.5v1h.5zM6.5 6H7v.5h-.5zM17 18.5h-1.5V18H17zM6.5 18H7v-.5h-.5zm11-12H17v.5h.5zm-2 13h-1v-.5h1zM7 5.5h1.5V6H7zm0 13h1.5V18H7zm7.5 1H13V19h1.5zm2.5-14h-1.5V6H17zM8.5 5h1v.5h-1zm5 15H12v-.5h1.5zm-5-1h1v-.5h-1zm7-14h-1v.5h1zm-6-.5H11V5H9.5zm0 15H11V19H9.5zm5-15H13V5h1.5zm-4-.5H12v.5h-1.5zm0 16H12v-.5h-1.5zm3-16H12v.5h1.5z"/><path fill="#b02b08" d="M5 10.5h.5V13H5zM5.5 9H6v1.5h-.5zm13 0H18v1.5h.5zM6 7.5h.5V9H6zm12 0h-.5V9h.5zm-11.5-1H7v1h-.5zm11 0H17V8h.5zM7 6h1.5v.5H7zm10 0h-1.5v.5H17zm-8.5-.5h1V6h-1zm7 0h-1V6h1zm-6-.5H11v.5H9.5zm5 0H13v.5h1.5zM11 4.5h1V5h-1zm2 0h-1V5h1zm6 6h-.5V13h.5z"/><path fill="#f97400" d="M5 13h.5v.5H5zm14 0h-.5v.5h.5zM5.5 14H6v1h-.5zm13 0H18v1h.5zM6 15h.5v1.5H6zm12 0h-.5v1.5h.5z"/><path fill="#bd480a" d="M6.5 16H7v1.5h-.5zm11 0H17v1.5h.5zM7 16.5h.5V18H7zm10 0h-.5V18h.5zm-9.5.5H8v1h-.5zm9 0H16v1h.5zm-8 .5H9v1h-.5zm7 0H15v1h.5z"/><path fill="#f97400" d="M9 17.5h.5v1H9zm6 0h-.5v1h.5zm-5.5.5H11v1H9.5zm5 0H13v1h1.5zm-3.5.5h2v1h-2zM8 17h.5v1H8zm8 0h-.5v1h.5z"/><path fill="#bd480a" d="M5.5 13H6v1h-.5zm13 0H18v1h.5z"/><path fill="#fff869" d="M5.5 10.5H7v1H5.5z"/><path fill="#feb032" d="M18.5 10.5H17v1h1.5zm-13 1H7V13H5.5zM8 10h1v3.5H8zm7 0h1.5v3.5H15zm-6.5 3.5H9v1h-.5z"/><path fill="#feb032" d="M8.5 10.5H9v-1h-.5zM9 14h1v1H9zm0-4.5h.5V9H9zm.5 5.5h1v.5h-1zM9 9h1v-.5H9zm1.5 6H14v1h-3.5zM10 9h4V8h-4zm4 6h1v.5h-1zm0-6h1V8h-1zm0 5.5h1.5v.5H14z"/><path fill="#feb032" d="M14.5 9.5h1v-1h-1zm0 4H16v1h-1.5z"/><path fill="#feb032" d="M15 10h1V9h-1zm-4 6h2v.5h-2zm0-8h2.5v-.5H11zm-5 5h1v2H6z"/><path fill="#feb032" d="M6.5 14h1v2h-1z"/><path fill="#feb032" d="M7 15h1v1.5H7z"/><path fill="#feb032" d="M7.5 15.5h1V17h-1zm1 .5h1v1.5h-1z"/><path fill="#feb032" d="M8 15.5h1V17H8zm1.5 1H11V18H9.5zm1.5.5h2v1.5h-2zm7.5-5.5H17V13h1.5zM18 13h-1v2h1z"/><path fill="#feb032" d="M17.5 14h-1v2h1z"/><path fill="#feb032" d="M17 15h-1v1.5h1z"/><path fill="#feb032" d="M16.5 15.5h-1V17h1zm-1 .5h-1v1.5h1z"/><path fill="#feb032" d="M16 15.5h-1V17h1zm-1.5 1H13V18h1.5z"/><path fill="#fff869" d="M6 9h1v1.5H6z"/><path fill="#feb032" d="M18 9h-1v1.5h1zm-1 0h-.5v.5h.5z"/><path fill="#fff869" d="M6.5 8.5h1V9h-1z"/><path fill="#feb032" d="M17.5 8H16v1h1.5z"/><path fill="#fff869" d="M7 8h1v.5H7zm.5-1h1v1h-1zm1-.5h1v1h-1zm1-.5H11v1H9.5zm1.5-.5h2v1h-2zm2 0h1.5V7H13zm1.5.5h1v1h-1z"/><path fill="#fff869" d="M15 6.5h1.5v1H15z"/><path fill="#fff869" d="M15.5 6.5H17V8h-1.5zM12 5h1v.5h-1z"/><path fill="#ffface" d="M6.5 7.5H7v1h-.5zm.5-1h.5V8H7zm.5 0h1V7h-1zm1-.5h1v.5h-1zm1-.5H11V6H9.5zM11 5h1v.5h-1z"/><path fill="#c61600" d="M7 9h.5v5H7z"/><path fill="#f97400" d="M7.5 9.5H8V14h-.5zM8 8h.5v2H8zm.5 0H9v1.5h-.5zm.5-.5h.5v1H9zm.5 0h.5v1h-.5zm.5 0h1V8h-1zm1-.5h2v.5h-2zm2.5.5H15V8h-1.5zM15 8h.5v.5H15zm.5.5h.5V9h-.5zm.5 1h.5v.5H16zm-8 4h.5v1H8zm.5 1H9v.5h-.5zm.5.5h.5v.5H9zm1 .5h.5v.5H10zm-.5 0h.5v.5h-.5z"/><path fill="#c61600" d="M7.5 8.5H8v1h-.5zm8.5 0h.5v1H16zm.5 1h.5v1h-.5zM8 8h.5v.5H8zm.5-.5H9V8h-.5zm6.5 0h.5V8H15zm.5.5h.5v.5h-.5zm-6-1H11v.5H9.5zM13 7h2v.5h-2zm-2-.5h2V7h-2zm-3 8h.5v1H8zm-.5-1H8V15h-.5zm1 1.5H9v.5h-.5zm.5.5h.5v.5H9z"/><path fill="#fff869" d="M9.5 16H11v.5H9.5zm3.5 0h1.5v.5H13zm1-.5h1v.5h-1zm1-.5h.5v.5H15zm.5-.5h.5v1h-.5zm.5-1h.5V15H16zm.5-3h.5V14h-.5zm-5.5 6h2v.5h-2z"/><path fill="#620719" d="M10 14.5h4v.5h-4z"/><path fill="#f97400" d="M10 14h4v.5h-4zm-.5-4.5h5v.5h-5z"/><path fill="#d93900" d="M9.5 10h5v.5h-5z"/><path fill="#fff869" d="M13 10.5h1v1h-1z"/><path fill="#f6d45a" d="M12 10.5h1v1h-1z"/><path fill="#f97400" d="M9.5 9h5v.5h-5zm0 4h.5v1h-.5zm4.5 0h.5v1H14z"/><path fill="#c61600" d="M14 11.5h.5V13H14zm-4.5 0h.5V13h-.5zM14 13v1h-4v-1zm-3.5-1.5v.5H10v-.5z"/><path fill="#00070a" d="M13.5 11v1H13v-1zm-2 1v.5H11V12zm1.5 0v.5h-.5V12z"/><path fill="#fff" d="M14 12v1h-1v-1zm-3 0v1h-1v-1zm.5-1.5v1H11v-1zm1.5 2v.5h-2v-.5z"/><path fill="#f5cb9c" d="M12.5 12v1h-1v-1z"/><path fill="#c61600" d="M13 11.5v.5h-2v-.5zm1 0v.5h-.5v-.5z"/><path fill="#620719" d="M9.5 14h.5v.5h-.5zm4.5 0h.5v.5H14zm.5-3.5h.5V14h-.5zm-5.5 0h.5V14H9z"/><path fill="#9e100a" d="M9 9.5h.5v1H9zm1.5-.5v.5h-1V9zm4 0v.5H14V9zm0 .5h.5v1h-.5zm-.5 1h.5v1H14zm-4.5 0h.5v1h-.5z"/><path fill="#eeb04b" d="M10 10.5h.5v1H10z"/><path fill="#fff869" d="M11.5 10.5h.5v1h-.5zm-1 0h.5v1h-.5z"/><path fill="#00070a" d="M11 11v1h-.5v-1z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

How to use the Bcoin Background icon

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:bcoin-background" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:bcoin-background" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:bcoin-background" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--bcoin-background]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:bcoin-background"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:bcoin-background"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/token-branded/bcoin-background.svg" alt="Bcoin Background icon" width="24" height="24">

Related icons in Web3 Icons Branded

Bcoin Background icon FAQ

Is the Bcoin Background icon free for commercial use?

Yes. Web3 Icons Branded icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Bcoin Background icon in React?

Install @iconify/react and render <Icon icon="token-branded:bcoin-background" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bcoin Background icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token-branded/bcoin-background.svg" alt="Bcoin Background icon">, or paste the SVG code inline to style it with CSS.

Browse all Web3 Icons Branded icons →