bdt logo

bdt-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: bdt-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 bdt 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(#SVGHcSWxdhd166)"><path fill="url(#SVGwwXOJmUT)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.619 17.582c0 1.335-1.109 2.418-2.476 2.418c-1.368 0-2.477-1.083-2.477-2.418s1.11-2.42 2.477-2.42s2.476 1.084 2.476 2.42m5.714 0c0 1.335-1.108 2.418-2.476 2.418s-2.476-1.083-2.476-2.418s1.108-2.42 2.476-2.42s2.476 1.084 2.476 2.42m-6.857-9.125a2.4 2.4 0 0 0 1.143-2.039C11.619 5.083 10.51 4 9.143 4C7.775 4 6.666 5.083 6.666 6.418c0 .857.456 1.61 1.143 2.04v.007a.92.92 0 0 1 .001 1.488A2.42 2.42 0 0 0 6.666 12c0 1.336 1.108 2.419 2.476 2.419s2.476-1.083 2.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92 0 0 1-.381-.745c0-.304.15-.574.38-.744z"/><path fill="#fff" d="M12.77 13.302a2.49 2.49 0 0 0 2.087 1.116c1.367 0 2.476-1.082 2.476-2.418s-1.108-2.42-2.476-2.42a2.49 2.49 0 0 0-2.087 1.117h-.008a.96.96 0 0 1-.762.371a.96.96 0 0 1-.762-.372A2.5 2.5 0 0 0 9.143 9.58c-1.368 0-2.477 1.083-2.477 2.419s1.11 2.418 2.477 2.418c.876 0 1.655-.444 2.095-1.116A.96.96 0 0 1 12 12.93c.312 0 .588.146.762.372zm0 5.582A2.49 2.49 0 0 0 14.857 20c1.368 0 2.476-1.083 2.476-2.419c0-1.335-1.109-2.418-2.476-2.418a2.49 2.49 0 0 0-2.087 1.116h-.008a.96.96 0 0 1-.762.372a.96.96 0 0 1-.762-.372a2.5 2.5 0 0 0-2.095-1.117c-1.368 0-2.477 1.084-2.477 2.42S7.777 20 9.144 20c.876 0 1.655-.445 2.095-1.116A.96.96 0 0 1 12 18.51a.96.96 0 0 1 .762.373z"/><path fill="#fff" d="M16.19 14.038A2.4 2.4 0 0 0 17.333 12c0-1.336-1.108-2.419-2.476-2.419S12.381 10.664 12.381 12c0 .856.456 1.609 1.143 2.038v.008c.231.17.38.44.38.745c0 .304-.15.574-.38.744a2.42 2.42 0 0 0-1.143 2.046c0 1.336 1.109 2.419 2.476 2.419c1.368 0 2.476-1.083 2.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92 0 0 1-.38-.744c0-.305.149-.575.38-.745zm-5.714 0A2.4 2.4 0 0 0 11.619 12c0-1.336-1.108-2.419-2.476-2.419S6.666 10.664 6.666 12c0 .856.456 1.609 1.143 2.038v.008a.92.92 0 0 1 .001 1.489a2.42 2.42 0 0 0-1.143 2.046C6.667 18.92 7.775 20 9.143 20s2.476-1.083 2.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92 0 0 1-.381-.744c0-.305.15-.575.38-.745z"/></g><defs><linearGradient id="SVGwwXOJmUT" x1="8" x2="19.547" y1="1.571" y2="12.965" gradientUnits="userSpaceOnUse"><stop stop-color="#28d5ed"/><stop offset="1" stop-color="#0c59aa"/></linearGradient><clipPath id="SVGHcSWxdhd166"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedBdtBackground(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(#SVGHcSWxdhd166)"><path fill="url(#SVGwwXOJmUT)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.619 17.582c0 1.335-1.109 2.418-2.476 2.418c-1.368 0-2.477-1.083-2.477-2.418s1.11-2.42 2.477-2.42s2.476 1.084 2.476 2.42m5.714 0c0 1.335-1.108 2.418-2.476 2.418s-2.476-1.083-2.476-2.418s1.108-2.42 2.476-2.42s2.476 1.084 2.476 2.42m-6.857-9.125a2.4 2.4 0 0 0 1.143-2.039C11.619 5.083 10.51 4 9.143 4C7.775 4 6.666 5.083 6.666 6.418c0 .857.456 1.61 1.143 2.04v.007a.92.92 0 0 1 .001 1.488A2.42 2.42 0 0 0 6.666 12c0 1.336 1.108 2.419 2.476 2.419s2.476-1.083 2.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92 0 0 1-.381-.745c0-.304.15-.574.38-.744z"/><path fill="#fff" d="M12.77 13.302a2.49 2.49 0 0 0 2.087 1.116c1.367 0 2.476-1.082 2.476-2.418s-1.108-2.42-2.476-2.42a2.49 2.49 0 0 0-2.087 1.117h-.008a.96.96 0 0 1-.762.371a.96.96 0 0 1-.762-.372A2.5 2.5 0 0 0 9.143 9.58c-1.368 0-2.477 1.083-2.477 2.419s1.11 2.418 2.477 2.418c.876 0 1.655-.444 2.095-1.116A.96.96 0 0 1 12 12.93c.312 0 .588.146.762.372zm0 5.582A2.49 2.49 0 0 0 14.857 20c1.368 0 2.476-1.083 2.476-2.419c0-1.335-1.109-2.418-2.476-2.418a2.49 2.49 0 0 0-2.087 1.116h-.008a.96.96 0 0 1-.762.372a.96.96 0 0 1-.762-.372a2.5 2.5 0 0 0-2.095-1.117c-1.368 0-2.477 1.084-2.477 2.42S7.777 20 9.144 20c.876 0 1.655-.445 2.095-1.116A.96.96 0 0 1 12 18.51a.96.96 0 0 1 .762.373z"/><path fill="#fff" d="M16.19 14.038A2.4 2.4 0 0 0 17.333 12c0-1.336-1.108-2.419-2.476-2.419S12.381 10.664 12.381 12c0 .856.456 1.609 1.143 2.038v.008c.231.17.38.44.38.745c0 .304-.15.574-.38.744a2.42 2.42 0 0 0-1.143 2.046c0 1.336 1.109 2.419 2.476 2.419c1.368 0 2.476-1.083 2.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92 0 0 1-.38-.744c0-.305.149-.575.38-.745zm-5.714 0A2.4 2.4 0 0 0 11.619 12c0-1.336-1.108-2.419-2.476-2.419S6.666 10.664 6.666 12c0 .856.456 1.609 1.143 2.038v.008a.92.92 0 0 1 .001 1.489a2.42 2.42 0 0 0-1.143 2.046C6.667 18.92 7.775 20 9.143 20s2.476-1.083 2.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92 0 0 1-.381-.744c0-.305.15-.575.38-.745z"/></g><defs><linearGradient id="SVGwwXOJmUT" x1="8" x2="19.547" y1="1.571" y2="12.965" gradientUnits="userSpaceOnUse"><stop stopColor="#28d5ed"/><stop offset="1" stopColor="#0c59aa"/></linearGradient><clipPath id="SVGHcSWxdhd166"><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(#SVGHcSWxdhd166)"><path fill="url(#SVGwwXOJmUT)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.619 17.582c0 1.335-1.109 2.418-2.476 2.418c-1.368 0-2.477-1.083-2.477-2.418s1.11-2.42 2.477-2.42s2.476 1.084 2.476 2.42m5.714 0c0 1.335-1.108 2.418-2.476 2.418s-2.476-1.083-2.476-2.418s1.108-2.42 2.476-2.42s2.476 1.084 2.476 2.42m-6.857-9.125a2.4 2.4 0 0 0 1.143-2.039C11.619 5.083 10.51 4 9.143 4C7.775 4 6.666 5.083 6.666 6.418c0 .857.456 1.61 1.143 2.04v.007a.92.92 0 0 1 .001 1.488A2.42 2.42 0 0 0 6.666 12c0 1.336 1.108 2.419 2.476 2.419s2.476-1.083 2.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92 0 0 1-.381-.745c0-.304.15-.574.38-.744z"/><path fill="#fff" d="M12.77 13.302a2.49 2.49 0 0 0 2.087 1.116c1.367 0 2.476-1.082 2.476-2.418s-1.108-2.42-2.476-2.42a2.49 2.49 0 0 0-2.087 1.117h-.008a.96.96 0 0 1-.762.371a.96.96 0 0 1-.762-.372A2.5 2.5 0 0 0 9.143 9.58c-1.368 0-2.477 1.083-2.477 2.419s1.11 2.418 2.477 2.418c.876 0 1.655-.444 2.095-1.116A.96.96 0 0 1 12 12.93c.312 0 .588.146.762.372zm0 5.582A2.49 2.49 0 0 0 14.857 20c1.368 0 2.476-1.083 2.476-2.419c0-1.335-1.109-2.418-2.476-2.418a2.49 2.49 0 0 0-2.087 1.116h-.008a.96.96 0 0 1-.762.372a.96.96 0 0 1-.762-.372a2.5 2.5 0 0 0-2.095-1.117c-1.368 0-2.477 1.084-2.477 2.42S7.777 20 9.144 20c.876 0 1.655-.445 2.095-1.116A.96.96 0 0 1 12 18.51a.96.96 0 0 1 .762.373z"/><path fill="#fff" d="M16.19 14.038A2.4 2.4 0 0 0 17.333 12c0-1.336-1.108-2.419-2.476-2.419S12.381 10.664 12.381 12c0 .856.456 1.609 1.143 2.038v.008c.231.17.38.44.38.745c0 .304-.15.574-.38.744a2.42 2.42 0 0 0-1.143 2.046c0 1.336 1.109 2.419 2.476 2.419c1.368 0 2.476-1.083 2.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92 0 0 1-.38-.744c0-.305.149-.575.38-.745zm-5.714 0A2.4 2.4 0 0 0 11.619 12c0-1.336-1.108-2.419-2.476-2.419S6.666 10.664 6.666 12c0 .856.456 1.609 1.143 2.038v.008a.92.92 0 0 1 .001 1.489a2.42 2.42 0 0 0-1.143 2.046C6.667 18.92 7.775 20 9.143 20s2.476-1.083 2.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92 0 0 1-.381-.744c0-.305.15-.575.38-.745z"/></g><defs><linearGradient id="SVGwwXOJmUT" x1="8" x2="19.547" y1="1.571" y2="12.965" gradientUnits="userSpaceOnUse"><stop stop-color="#28d5ed"/><stop offset="1" stop-color="#0c59aa"/></linearGradient><clipPath id="SVGHcSWxdhd166"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-bdt-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(%23SVGHcSWxdhd166)%22%3E%3Cpath%20fill%3D%22url(%23SVGwwXOJmUT)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.619%2017.582c0%201.335-1.109%202.418-2.476%202.418c-1.368%200-2.477-1.083-2.477-2.418s1.11-2.42%202.477-2.42s2.476%201.084%202.476%202.42m5.714%200c0%201.335-1.108%202.418-2.476%202.418s-2.476-1.083-2.476-2.418s1.108-2.42%202.476-2.42s2.476%201.084%202.476%202.42m-6.857-9.125a2.4%202.4%200%200%200%201.143-2.039C11.619%205.083%2010.51%204%209.143%204C7.775%204%206.666%205.083%206.666%206.418c0%20.857.456%201.61%201.143%202.04v.007a.92.92%200%200%201%20.001%201.488A2.42%202.42%200%200%200%206.666%2012c0%201.336%201.108%202.419%202.476%202.419s2.476-1.083%202.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92%200%200%201-.381-.745c0-.304.15-.574.38-.744z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.77%2013.302a2.49%202.49%200%200%200%202.087%201.116c1.367%200%202.476-1.082%202.476-2.418s-1.108-2.42-2.476-2.42a2.49%202.49%200%200%200-2.087%201.117h-.008a.96.96%200%200%201-.762.371a.96.96%200%200%201-.762-.372A2.5%202.5%200%200%200%209.143%209.58c-1.368%200-2.477%201.083-2.477%202.419s1.11%202.418%202.477%202.418c.876%200%201.655-.444%202.095-1.116A.96.96%200%200%201%2012%2012.93c.312%200%20.588.146.762.372zm0%205.582A2.49%202.49%200%200%200%2014.857%2020c1.368%200%202.476-1.083%202.476-2.419c0-1.335-1.109-2.418-2.476-2.418a2.49%202.49%200%200%200-2.087%201.116h-.008a.96.96%200%200%201-.762.372a.96.96%200%200%201-.762-.372a2.5%202.5%200%200%200-2.095-1.117c-1.368%200-2.477%201.084-2.477%202.42S7.777%2020%209.144%2020c.876%200%201.655-.445%202.095-1.116A.96.96%200%200%201%2012%2018.51a.96.96%200%200%201%20.762.373z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.19%2014.038A2.4%202.4%200%200%200%2017.333%2012c0-1.336-1.108-2.419-2.476-2.419S12.381%2010.664%2012.381%2012c0%20.856.456%201.609%201.143%202.038v.008c.231.17.38.44.38.745c0%20.304-.15.574-.38.744a2.42%202.42%200%200%200-1.143%202.046c0%201.336%201.109%202.419%202.476%202.419c1.368%200%202.476-1.083%202.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92%200%200%201-.38-.744c0-.305.149-.575.38-.745zm-5.714%200A2.4%202.4%200%200%200%2011.619%2012c0-1.336-1.108-2.419-2.476-2.419S6.666%2010.664%206.666%2012c0%20.856.456%201.609%201.143%202.038v.008a.92.92%200%200%201%20.001%201.489a2.42%202.42%200%200%200-1.143%202.046C6.667%2018.92%207.775%2020%209.143%2020s2.476-1.083%202.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92%200%200%201-.381-.744c0-.305.15-.575.38-.745z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwwXOJmUT%22%20x1%3D%228%22%20x2%3D%2219.547%22%20y1%3D%221.571%22%20y2%3D%2212.965%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2328d5ed%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230c59aa%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd166%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(%23SVGHcSWxdhd166)%22%3E%3Cpath%20fill%3D%22url(%23SVGwwXOJmUT)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.619%2017.582c0%201.335-1.109%202.418-2.476%202.418c-1.368%200-2.477-1.083-2.477-2.418s1.11-2.42%202.477-2.42s2.476%201.084%202.476%202.42m5.714%200c0%201.335-1.108%202.418-2.476%202.418s-2.476-1.083-2.476-2.418s1.108-2.42%202.476-2.42s2.476%201.084%202.476%202.42m-6.857-9.125a2.4%202.4%200%200%200%201.143-2.039C11.619%205.083%2010.51%204%209.143%204C7.775%204%206.666%205.083%206.666%206.418c0%20.857.456%201.61%201.143%202.04v.007a.92.92%200%200%201%20.001%201.488A2.42%202.42%200%200%200%206.666%2012c0%201.336%201.108%202.419%202.476%202.419s2.476-1.083%202.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92%200%200%201-.381-.745c0-.304.15-.574.38-.744z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.77%2013.302a2.49%202.49%200%200%200%202.087%201.116c1.367%200%202.476-1.082%202.476-2.418s-1.108-2.42-2.476-2.42a2.49%202.49%200%200%200-2.087%201.117h-.008a.96.96%200%200%201-.762.371a.96.96%200%200%201-.762-.372A2.5%202.5%200%200%200%209.143%209.58c-1.368%200-2.477%201.083-2.477%202.419s1.11%202.418%202.477%202.418c.876%200%201.655-.444%202.095-1.116A.96.96%200%200%201%2012%2012.93c.312%200%20.588.146.762.372zm0%205.582A2.49%202.49%200%200%200%2014.857%2020c1.368%200%202.476-1.083%202.476-2.419c0-1.335-1.109-2.418-2.476-2.418a2.49%202.49%200%200%200-2.087%201.116h-.008a.96.96%200%200%201-.762.372a.96.96%200%200%201-.762-.372a2.5%202.5%200%200%200-2.095-1.117c-1.368%200-2.477%201.084-2.477%202.42S7.777%2020%209.144%2020c.876%200%201.655-.445%202.095-1.116A.96.96%200%200%201%2012%2018.51a.96.96%200%200%201%20.762.373z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.19%2014.038A2.4%202.4%200%200%200%2017.333%2012c0-1.336-1.108-2.419-2.476-2.419S12.381%2010.664%2012.381%2012c0%20.856.456%201.609%201.143%202.038v.008c.231.17.38.44.38.745c0%20.304-.15.574-.38.744a2.42%202.42%200%200%200-1.143%202.046c0%201.336%201.109%202.419%202.476%202.419c1.368%200%202.476-1.083%202.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92%200%200%201-.38-.744c0-.305.149-.575.38-.745zm-5.714%200A2.4%202.4%200%200%200%2011.619%2012c0-1.336-1.108-2.419-2.476-2.419S6.666%2010.664%206.666%2012c0%20.856.456%201.609%201.143%202.038v.008a.92.92%200%200%201%20.001%201.489a2.42%202.42%200%200%200-1.143%202.046C6.667%2018.92%207.775%2020%209.143%2020s2.476-1.083%202.476-2.419c0-.856-.456-1.617-1.143-2.046a.92.92%200%200%201-.381-.744c0-.305.15-.575.38-.745z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwwXOJmUT%22%20x1%3D%228%22%20x2%3D%2219.547%22%20y1%3D%221.571%22%20y2%3D%2212.965%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2328d5ed%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230c59aa%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd166%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/bdt-background.svg?color=%231a73e8&size=48