btcp logo
btcp-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- btcp-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
Use the btcp 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(#SVGHcSWxdhd21)"><path fill="#272d63" d="M24 0H0v24h24z"/><path fill="#fff" d="m12.349 4l-.593 2.214l-3.099-.83l-.475 1.77l1.328.356a.46.46 0 0 1 .324.561l-1.66 6.198a.46.46 0 0 1-.561.324l-.886-.238l-.917 1.652l3.099.831l-.593 2.214l1.328.355l1.897-7.083l1.55.415c1.74.466 4.498.035 5.036-1.972c.436-1.627-1.502-3.25-2.83-3.605l.593-2.213l-1.328-.356l-.593 2.214l-.885-.238l.593-2.213zm.26 4.34l1.796.481a1.375 1.375 0 1 1-.712 2.656l-1.795-.481z"/><path fill="#fff" d="M13.172 16.082a1.604 1.604 0 0 0 1.635-2.59c1.088-.002 1.429-.134 2.046-.374l.194-.075c.653.78.932 1.819.66 2.831c-.44 1.642-2.61 2.5-4.37 2.143l-.001.007l-.885-.238L11.857 20l-1.328-.356l1.068-3.984z"/></g><defs><clipPath id="SVGHcSWxdhd21"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBtcpBackground(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(#SVGHcSWxdhd21)"><path fill="#272d63" d="M24 0H0v24h24z"/><path fill="#fff" d="m12.349 4l-.593 2.214l-3.099-.83l-.475 1.77l1.328.356a.46.46 0 0 1 .324.561l-1.66 6.198a.46.46 0 0 1-.561.324l-.886-.238l-.917 1.652l3.099.831l-.593 2.214l1.328.355l1.897-7.083l1.55.415c1.74.466 4.498.035 5.036-1.972c.436-1.627-1.502-3.25-2.83-3.605l.593-2.213l-1.328-.356l-.593 2.214l-.885-.238l.593-2.213zm.26 4.34l1.796.481a1.375 1.375 0 1 1-.712 2.656l-1.795-.481z"/><path fill="#fff" d="M13.172 16.082a1.604 1.604 0 0 0 1.635-2.59c1.088-.002 1.429-.134 2.046-.374l.194-.075c.653.78.932 1.819.66 2.831c-.44 1.642-2.61 2.5-4.37 2.143l-.001.007l-.885-.238L11.857 20l-1.328-.356l1.068-3.984z"/></g><defs><clipPath id="SVGHcSWxdhd21"><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(#SVGHcSWxdhd21)"><path fill="#272d63" d="M24 0H0v24h24z"/><path fill="#fff" d="m12.349 4l-.593 2.214l-3.099-.83l-.475 1.77l1.328.356a.46.46 0 0 1 .324.561l-1.66 6.198a.46.46 0 0 1-.561.324l-.886-.238l-.917 1.652l3.099.831l-.593 2.214l1.328.355l1.897-7.083l1.55.415c1.74.466 4.498.035 5.036-1.972c.436-1.627-1.502-3.25-2.83-3.605l.593-2.213l-1.328-.356l-.593 2.214l-.885-.238l.593-2.213zm.26 4.34l1.796.481a1.375 1.375 0 1 1-.712 2.656l-1.795-.481z"/><path fill="#fff" d="M13.172 16.082a1.604 1.604 0 0 0 1.635-2.59c1.088-.002 1.429-.134 2.046-.374l.194-.075c.653.78.932 1.819.66 2.831c-.44 1.642-2.61 2.5-4.37 2.143l-.001.007l-.885-.238L11.857 20l-1.328-.356l1.068-3.984z"/></g><defs><clipPath id="SVGHcSWxdhd21"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-btcp-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(%23SVGHcSWxdhd21)%22%3E%3Cpath%20fill%3D%22%23272d63%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m12.349%204l-.593%202.214l-3.099-.83l-.475%201.77l1.328.356a.46.46%200%200%201%20.324.561l-1.66%206.198a.46.46%200%200%201-.561.324l-.886-.238l-.917%201.652l3.099.831l-.593%202.214l1.328.355l1.897-7.083l1.55.415c1.74.466%204.498.035%205.036-1.972c.436-1.627-1.502-3.25-2.83-3.605l.593-2.213l-1.328-.356l-.593%202.214l-.885-.238l.593-2.213zm.26%204.34l1.796.481a1.375%201.375%200%201%201-.712%202.656l-1.795-.481z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.172%2016.082a1.604%201.604%200%200%200%201.635-2.59c1.088-.002%201.429-.134%202.046-.374l.194-.075c.653.78.932%201.819.66%202.831c-.44%201.642-2.61%202.5-4.37%202.143l-.001.007l-.885-.238L11.857%2020l-1.328-.356l1.068-3.984z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd21%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(%23SVGHcSWxdhd21)%22%3E%3Cpath%20fill%3D%22%23272d63%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m12.349%204l-.593%202.214l-3.099-.83l-.475%201.77l1.328.356a.46.46%200%200%201%20.324.561l-1.66%206.198a.46.46%200%200%201-.561.324l-.886-.238l-.917%201.652l3.099.831l-.593%202.214l1.328.355l1.897-7.083l1.55.415c1.74.466%204.498.035%205.036-1.972c.436-1.627-1.502-3.25-2.83-3.605l.593-2.213l-1.328-.356l-.593%202.214l-.885-.238l.593-2.213zm.26%204.34l1.796.481a1.375%201.375%200%201%201-.712%202.656l-1.795-.481z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.172%2016.082a1.604%201.604%200%200%200%201.635-2.59c1.088-.002%201.429-.134%202.046-.374l.194-.075c.653.78.932%201.819.66%202.831c-.44%201.642-2.61%202.5-4.37%202.143l-.001.007l-.885-.238L11.857%2020l-1.328-.356l1.068-3.984z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd21%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/btcp-background.svg?color=%231a73e8&size=48
