bitcoin logo
bitcoin-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- bitcoin-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
bitcoin-fillAkar IconsbitcoinBoxIcons v2bitcoinCoreUI BrandsbitcoinFramework7 IconsbitcoinFont Awesome 6 BrandsbitcoinFont Awesome Brandsbitcoin-solidFlowbite IconsbitcoinHuge IconsbitcoinIconParkbitcoinIconPark OutlinebitcoinIconPark SolidbitcoinIconPark TwoTonebitcoinLine AwesomebitcoinSVG LogosbitcoinLucidebitcoinMaterial Design IconsbitcoinMyna UI IconsbitcoinPixelarticonsbitcoinPrime IconsbitcoinSimple Iconsbitcoin-outlineTeenyiconsbitcoinWeb3 IconsbitcoinUniconsbitcoinUnicons Monochrome
Use the bitcoin logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd142)"><path fill="#f7931a" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.011 10.432c.249-1.684-1.026-2.582-2.783-3.192l.57-2.27l-1.388-.345l-.553 2.214l-1.107-.265l.561-2.23L11.924 4l-.57 2.278l-.881-.209v-.008L8.556 5.58l-.37 1.483s1.027.242 1.01.25c.563.144.659.513.643.801l-.642 2.599l.145.048l-.153-.032l-.906 3.633c-.064.169-.241.425-.633.32c.015.024-1.003-.24-1.003-.24l-.69 1.58l1.805.449l.986.257l-.577 2.302l1.387.344l.562-2.277l1.114.288l-.569 2.27l1.387.345l.57-2.302c2.365.449 4.146.273 4.892-1.869c.602-1.724-.032-2.71-1.275-3.368c.906-.2 1.588-.802 1.764-2.03zm-3.168 4.443c-.425 1.725-3.328.786-4.266.561l.762-3.055c.938.24 3.954.698 3.504 2.486zm.425-4.467c-.385 1.564-2.807.77-3.585.578l.69-2.768c.786.193 3.304.562 2.896 2.19"/></g><defs><clipPath id="SVGHcSWxdhd142"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBitcoinBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd142)"><path fill="#f7931a" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.011 10.432c.249-1.684-1.026-2.582-2.783-3.192l.57-2.27l-1.388-.345l-.553 2.214l-1.107-.265l.561-2.23L11.924 4l-.57 2.278l-.881-.209v-.008L8.556 5.58l-.37 1.483s1.027.242 1.01.25c.563.144.659.513.643.801l-.642 2.599l.145.048l-.153-.032l-.906 3.633c-.064.169-.241.425-.633.32c.015.024-1.003-.24-1.003-.24l-.69 1.58l1.805.449l.986.257l-.577 2.302l1.387.344l.562-2.277l1.114.288l-.569 2.27l1.387.345l.57-2.302c2.365.449 4.146.273 4.892-1.869c.602-1.724-.032-2.71-1.275-3.368c.906-.2 1.588-.802 1.764-2.03zm-3.168 4.443c-.425 1.725-3.328.786-4.266.561l.762-3.055c.938.24 3.954.698 3.504 2.486zm.425-4.467c-.385 1.564-2.807.77-3.585.578l.69-2.768c.786.193 3.304.562 2.896 2.19"/></g><defs><clipPath id="SVGHcSWxdhd142"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd142)"><path fill="#f7931a" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.011 10.432c.249-1.684-1.026-2.582-2.783-3.192l.57-2.27l-1.388-.345l-.553 2.214l-1.107-.265l.561-2.23L11.924 4l-.57 2.278l-.881-.209v-.008L8.556 5.58l-.37 1.483s1.027.242 1.01.25c.563.144.659.513.643.801l-.642 2.599l.145.048l-.153-.032l-.906 3.633c-.064.169-.241.425-.633.32c.015.024-1.003-.24-1.003-.24l-.69 1.58l1.805.449l.986.257l-.577 2.302l1.387.344l.562-2.277l1.114.288l-.569 2.27l1.387.345l.57-2.302c2.365.449 4.146.273 4.892-1.869c.602-1.724-.032-2.71-1.275-3.368c.906-.2 1.588-.802 1.764-2.03zm-3.168 4.443c-.425 1.725-3.328.786-4.266.561l.762-3.055c.938.24 3.954.698 3.504 2.486zm.425-4.467c-.385 1.564-2.807.77-3.585.578l.69-2.768c.786.193 3.304.562 2.896 2.19"/></g><defs><clipPath id="SVGHcSWxdhd142"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-bitcoin-background {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd142)%22%3E%3Cpath%20fill%3D%22%23f7931a%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.011%2010.432c.249-1.684-1.026-2.582-2.783-3.192l.57-2.27l-1.388-.345l-.553%202.214l-1.107-.265l.561-2.23L11.924%204l-.57%202.278l-.881-.209v-.008L8.556%205.58l-.37%201.483s1.027.242%201.01.25c.563.144.659.513.643.801l-.642%202.599l.145.048l-.153-.032l-.906%203.633c-.064.169-.241.425-.633.32c.015.024-1.003-.24-1.003-.24l-.69%201.58l1.805.449l.986.257l-.577%202.302l1.387.344l.562-2.277l1.114.288l-.569%202.27l1.387.345l.57-2.302c2.365.449%204.146.273%204.892-1.869c.602-1.724-.032-2.71-1.275-3.368c.906-.2%201.588-.802%201.764-2.03zm-3.168%204.443c-.425%201.725-3.328.786-4.266.561l.762-3.055c.938.24%203.954.698%203.504%202.486zm.425-4.467c-.385%201.564-2.807.77-3.585.578l.69-2.768c.786.193%203.304.562%202.896%202.19%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd142%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd142)%22%3E%3Cpath%20fill%3D%22%23f7931a%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.011%2010.432c.249-1.684-1.026-2.582-2.783-3.192l.57-2.27l-1.388-.345l-.553%202.214l-1.107-.265l.561-2.23L11.924%204l-.57%202.278l-.881-.209v-.008L8.556%205.58l-.37%201.483s1.027.242%201.01.25c.563.144.659.513.643.801l-.642%202.599l.145.048l-.153-.032l-.906%203.633c-.064.169-.241.425-.633.32c.015.024-1.003-.24-1.003-.24l-.69%201.58l1.805.449l.986.257l-.577%202.302l1.387.344l.562-2.277l1.114.288l-.569%202.27l1.387.345l.57-2.302c2.365.449%204.146.273%204.892-1.869c.602-1.724-.032-2.71-1.275-3.368c.906-.2%201.588-.802%201.764-2.03zm-3.168%204.443c-.425%201.725-3.328.786-4.266.561l.762-3.055c.938.24%203.954.698%203.504%202.486zm.425-4.467c-.385%201.564-2.807.77-3.585.578l.69-2.768c.786.193%203.304.562%202.896%202.19%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd142%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/bitcoin-background.svg?color=%231a73e8&size=48
