nbt logo
nbt from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- nbt
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the nbt logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGHkFPkcaw)" fill-rule="evenodd" d="M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-1.059 0a7.941 7.941 0 1 1-15.883 0a7.941 7.941 0 0 1 15.883 0" clip-rule="evenodd"/><path fill="url(#SVG3sqiNbEl)" d="M16.235 13.98c0 .657-.62 1.197-1.324 1.197s-1.323-.54-1.323-1.197V9.883c0-.794-.46-1.588-1.525-1.588h-.127c-1.064 0-1.525.794-1.525 1.588v4.097c0 .657-.62 1.197-1.323 1.197c-.704 0-1.324-.54-1.324-1.197V9.353c0-2.112 1.906-3.706 4.15-3.706h.128c2.223 0 4.193 1.605 4.193 3.706z"/><path fill="url(#SVGCSMT3bTi)" d="M9.088 8.295a1.324 1.324 0 1 0 0-2.648a1.324 1.324 0 0 0 0 2.648"/><path fill="#2a1f63" d="M7.764 16.234h8.47v1.06h-8.47z"/><defs><linearGradient id="SVGHkFPkcaw" x1="18.618" x2="5.382" y1="5.382" y2="18.618" gradientUnits="userSpaceOnUse"><stop stop-color="#ac89dd"/><stop offset="1" stop-color="#9864e6"/></linearGradient><linearGradient id="SVG3sqiNbEl" x1="2.999" x2="20.364" y1="8" y2="19.719" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#7b72dc"/><stop offset=".35" stop-color="#7a73e6"/><stop offset="1" stop-color="#bc9ceb"/></linearGradient><linearGradient id="SVGCSMT3bTi" x1="6.599" x2="17.399" y1="4.8" y2="17.4" gradientUnits="userSpaceOnUse"><stop stop-color="#dfe8f7"/><stop offset="1" stop-color="#bbbbf1"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedNbt(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"><path fill="url(#SVGHkFPkcaw)" fillRule="evenodd" d="M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-1.059 0a7.941 7.941 0 1 1-15.883 0a7.941 7.941 0 0 1 15.883 0" clipRule="evenodd"/><path fill="url(#SVG3sqiNbEl)" d="M16.235 13.98c0 .657-.62 1.197-1.324 1.197s-1.323-.54-1.323-1.197V9.883c0-.794-.46-1.588-1.525-1.588h-.127c-1.064 0-1.525.794-1.525 1.588v4.097c0 .657-.62 1.197-1.323 1.197c-.704 0-1.324-.54-1.324-1.197V9.353c0-2.112 1.906-3.706 4.15-3.706h.128c2.223 0 4.193 1.605 4.193 3.706z"/><path fill="url(#SVGCSMT3bTi)" d="M9.088 8.295a1.324 1.324 0 1 0 0-2.648a1.324 1.324 0 0 0 0 2.648"/><path fill="#2a1f63" d="M7.764 16.234h8.47v1.06h-8.47z"/><defs><linearGradient id="SVGHkFPkcaw" x1="18.618" x2="5.382" y1="5.382" y2="18.618" gradientUnits="userSpaceOnUse"><stop stopColor="#ac89dd"/><stop offset="1" stopColor="#9864e6"/></linearGradient><linearGradient id="SVG3sqiNbEl" x1="2.999" x2="20.364" y1="8" y2="19.719" gradientUnits="userSpaceOnUse"><stop offset=".14" stopColor="#7b72dc"/><stop offset=".35" stopColor="#7a73e6"/><stop offset="1" stopColor="#bc9ceb"/></linearGradient><linearGradient id="SVGCSMT3bTi" x1="6.599" x2="17.399" y1="4.8" y2="17.4" gradientUnits="userSpaceOnUse"><stop stopColor="#dfe8f7"/><stop offset="1" stopColor="#bbbbf1"/></linearGradient></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"><path fill="url(#SVGHkFPkcaw)" fill-rule="evenodd" d="M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-1.059 0a7.941 7.941 0 1 1-15.883 0a7.941 7.941 0 0 1 15.883 0" clip-rule="evenodd"/><path fill="url(#SVG3sqiNbEl)" d="M16.235 13.98c0 .657-.62 1.197-1.324 1.197s-1.323-.54-1.323-1.197V9.883c0-.794-.46-1.588-1.525-1.588h-.127c-1.064 0-1.525.794-1.525 1.588v4.097c0 .657-.62 1.197-1.323 1.197c-.704 0-1.324-.54-1.324-1.197V9.353c0-2.112 1.906-3.706 4.15-3.706h.128c2.223 0 4.193 1.605 4.193 3.706z"/><path fill="url(#SVGCSMT3bTi)" d="M9.088 8.295a1.324 1.324 0 1 0 0-2.648a1.324 1.324 0 0 0 0 2.648"/><path fill="#2a1f63" d="M7.764 16.234h8.47v1.06h-8.47z"/><defs><linearGradient id="SVGHkFPkcaw" x1="18.618" x2="5.382" y1="5.382" y2="18.618" gradientUnits="userSpaceOnUse"><stop stop-color="#ac89dd"/><stop offset="1" stop-color="#9864e6"/></linearGradient><linearGradient id="SVG3sqiNbEl" x1="2.999" x2="20.364" y1="8" y2="19.719" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#7b72dc"/><stop offset=".35" stop-color="#7a73e6"/><stop offset="1" stop-color="#bc9ceb"/></linearGradient><linearGradient id="SVGCSMT3bTi" x1="6.599" x2="17.399" y1="4.8" y2="17.4" gradientUnits="userSpaceOnUse"><stop stop-color="#dfe8f7"/><stop offset="1" stop-color="#bbbbf1"/></linearGradient></defs></g></svg> </template>
CSS
.icon-nbt {
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%3Cpath%20fill%3D%22url(%23SVGHkFPkcaw)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2012a9%209%200%201%201-18%200a9%209%200%200%201%2018%200m-1.059%200a7.941%207.941%200%201%201-15.883%200a7.941%207.941%200%200%201%2015.883%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3sqiNbEl)%22%20d%3D%22M16.235%2013.98c0%20.657-.62%201.197-1.324%201.197s-1.323-.54-1.323-1.197V9.883c0-.794-.46-1.588-1.525-1.588h-.127c-1.064%200-1.525.794-1.525%201.588v4.097c0%20.657-.62%201.197-1.323%201.197c-.704%200-1.324-.54-1.324-1.197V9.353c0-2.112%201.906-3.706%204.15-3.706h.128c2.223%200%204.193%201.605%204.193%203.706z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCSMT3bTi)%22%20d%3D%22M9.088%208.295a1.324%201.324%200%201%200%200-2.648a1.324%201.324%200%200%200%200%202.648%22%2F%3E%3Cpath%20fill%3D%22%232a1f63%22%20d%3D%22M7.764%2016.234h8.47v1.06h-8.47z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGHkFPkcaw%22%20x1%3D%2218.618%22%20x2%3D%225.382%22%20y1%3D%225.382%22%20y2%3D%2218.618%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ac89dd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239864e6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3sqiNbEl%22%20x1%3D%222.999%22%20x2%3D%2220.364%22%20y1%3D%228%22%20y2%3D%2219.719%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.14%22%20stop-color%3D%22%237b72dc%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%237a73e6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bc9ceb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCSMT3bTi%22%20x1%3D%226.599%22%20x2%3D%2217.399%22%20y1%3D%224.8%22%20y2%3D%2217.4%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dfe8f7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bbbbf1%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGHkFPkcaw)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2012a9%209%200%201%201-18%200a9%209%200%200%201%2018%200m-1.059%200a7.941%207.941%200%201%201-15.883%200a7.941%207.941%200%200%201%2015.883%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3sqiNbEl)%22%20d%3D%22M16.235%2013.98c0%20.657-.62%201.197-1.324%201.197s-1.323-.54-1.323-1.197V9.883c0-.794-.46-1.588-1.525-1.588h-.127c-1.064%200-1.525.794-1.525%201.588v4.097c0%20.657-.62%201.197-1.323%201.197c-.704%200-1.324-.54-1.324-1.197V9.353c0-2.112%201.906-3.706%204.15-3.706h.128c2.223%200%204.193%201.605%204.193%203.706z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCSMT3bTi)%22%20d%3D%22M9.088%208.295a1.324%201.324%200%201%200%200-2.648a1.324%201.324%200%200%200%200%202.648%22%2F%3E%3Cpath%20fill%3D%22%232a1f63%22%20d%3D%22M7.764%2016.234h8.47v1.06h-8.47z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGHkFPkcaw%22%20x1%3D%2218.618%22%20x2%3D%225.382%22%20y1%3D%225.382%22%20y2%3D%2218.618%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ac89dd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239864e6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3sqiNbEl%22%20x1%3D%222.999%22%20x2%3D%2220.364%22%20y1%3D%228%22%20y2%3D%2219.719%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.14%22%20stop-color%3D%22%237b72dc%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%237a73e6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bc9ceb%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCSMT3bTi%22%20x1%3D%226.599%22%20x2%3D%2217.399%22%20y1%3D%224.8%22%20y2%3D%2217.4%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dfe8f7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bbbbf1%22%2F%3E%3C%2FlinearGradient%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/nbt.svg?color=%231a73e8&size=48
