nht logo
nht from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- nht
- 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 nht 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(#SVG0oDY5cmt)" d="M16.5 5.261c-.04 3.589-3.004 4.5-4.5 4.489l.006 3.864H21V5.25z"/><path fill="url(#SVGfGhGidjv)" d="M16.793 18.75H12v-4.5h4.5v-9h.4A4.09 4.09 0 0 1 21 9.283v5.215a4.29 4.29 0 0 1-4.207 4.252"/><path fill="url(#SVGpQwOfxGE)" d="M7.5 14.25h9c-3.645 0-4.494 2.852-4.5 4.387c-.056-3.453-2.818-4.353-4.331-4.387z"/><path fill="url(#SVGfxOcCeYH)" d="M12.022 9.536v.506H7.376V5.283h.393a4.253 4.253 0 0 1 4.253 4.253"/><path fill="url(#SVGE77WJbRt)" d="M3.107 18.75H3V9.3a4.05 4.05 0 0 1 4.05-4.05h.45c0 3.488 2.728 4.483 4.05 4.5h.793a4.085 4.085 0 0 1 4.157 4.073v.427h-9v.011a4.416 4.416 0 0 1-4.393 4.49"/><defs><linearGradient id="SVG0oDY5cmt" x1="21" x2="12.01" y1="5.949" y2="16.33" gradientUnits="userSpaceOnUse"><stop stop-color="#2f1e58"/><stop offset="1" stop-color="#4c318d"/></linearGradient><linearGradient id="SVGfGhGidjv" x1="12.045" x2="9.691" y1="5.25" y2="20.777" gradientUnits="userSpaceOnUse"><stop stop-color="#7b42a1"/><stop offset=".54" stop-color="#c75693"/><stop offset="1" stop-color="#a1467a"/></linearGradient><linearGradient id="SVGpQwOfxGE" x1="5.745" x2="14.779" y1="5.821" y2="8.958" gradientUnits="userSpaceOnUse"><stop stop-color="#84354c"/><stop offset="1" stop-color="#b64a69"/></linearGradient><linearGradient id="SVGfxOcCeYH" x1="5.244" x2="10.083" y1="6.207" y2="19.947" gradientUnits="userSpaceOnUse"><stop stop-color="#8454f4"/><stop offset="1" stop-color="#5d3bac"/></linearGradient><linearGradient id="SVGE77WJbRt" x1="5.756" x2="7.534" y1="5.779" y2="19.127" gradientUnits="userSpaceOnUse"><stop stop-color="#8453ee"/><stop offset=".68" stop-color="#b456b2"/><stop offset=".98" stop-color="#201128"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedNht(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(#SVG0oDY5cmt)" d="M16.5 5.261c-.04 3.589-3.004 4.5-4.5 4.489l.006 3.864H21V5.25z"/><path fill="url(#SVGfGhGidjv)" d="M16.793 18.75H12v-4.5h4.5v-9h.4A4.09 4.09 0 0 1 21 9.283v5.215a4.29 4.29 0 0 1-4.207 4.252"/><path fill="url(#SVGpQwOfxGE)" d="M7.5 14.25h9c-3.645 0-4.494 2.852-4.5 4.387c-.056-3.453-2.818-4.353-4.331-4.387z"/><path fill="url(#SVGfxOcCeYH)" d="M12.022 9.536v.506H7.376V5.283h.393a4.253 4.253 0 0 1 4.253 4.253"/><path fill="url(#SVGE77WJbRt)" d="M3.107 18.75H3V9.3a4.05 4.05 0 0 1 4.05-4.05h.45c0 3.488 2.728 4.483 4.05 4.5h.793a4.085 4.085 0 0 1 4.157 4.073v.427h-9v.011a4.416 4.416 0 0 1-4.393 4.49"/><defs><linearGradient id="SVG0oDY5cmt" x1="21" x2="12.01" y1="5.949" y2="16.33" gradientUnits="userSpaceOnUse"><stop stopColor="#2f1e58"/><stop offset="1" stopColor="#4c318d"/></linearGradient><linearGradient id="SVGfGhGidjv" x1="12.045" x2="9.691" y1="5.25" y2="20.777" gradientUnits="userSpaceOnUse"><stop stopColor="#7b42a1"/><stop offset=".54" stopColor="#c75693"/><stop offset="1" stopColor="#a1467a"/></linearGradient><linearGradient id="SVGpQwOfxGE" x1="5.745" x2="14.779" y1="5.821" y2="8.958" gradientUnits="userSpaceOnUse"><stop stopColor="#84354c"/><stop offset="1" stopColor="#b64a69"/></linearGradient><linearGradient id="SVGfxOcCeYH" x1="5.244" x2="10.083" y1="6.207" y2="19.947" gradientUnits="userSpaceOnUse"><stop stopColor="#8454f4"/><stop offset="1" stopColor="#5d3bac"/></linearGradient><linearGradient id="SVGE77WJbRt" x1="5.756" x2="7.534" y1="5.779" y2="19.127" gradientUnits="userSpaceOnUse"><stop stopColor="#8453ee"/><stop offset=".68" stopColor="#b456b2"/><stop offset=".98" stopColor="#201128"/></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(#SVG0oDY5cmt)" d="M16.5 5.261c-.04 3.589-3.004 4.5-4.5 4.489l.006 3.864H21V5.25z"/><path fill="url(#SVGfGhGidjv)" d="M16.793 18.75H12v-4.5h4.5v-9h.4A4.09 4.09 0 0 1 21 9.283v5.215a4.29 4.29 0 0 1-4.207 4.252"/><path fill="url(#SVGpQwOfxGE)" d="M7.5 14.25h9c-3.645 0-4.494 2.852-4.5 4.387c-.056-3.453-2.818-4.353-4.331-4.387z"/><path fill="url(#SVGfxOcCeYH)" d="M12.022 9.536v.506H7.376V5.283h.393a4.253 4.253 0 0 1 4.253 4.253"/><path fill="url(#SVGE77WJbRt)" d="M3.107 18.75H3V9.3a4.05 4.05 0 0 1 4.05-4.05h.45c0 3.488 2.728 4.483 4.05 4.5h.793a4.085 4.085 0 0 1 4.157 4.073v.427h-9v.011a4.416 4.416 0 0 1-4.393 4.49"/><defs><linearGradient id="SVG0oDY5cmt" x1="21" x2="12.01" y1="5.949" y2="16.33" gradientUnits="userSpaceOnUse"><stop stop-color="#2f1e58"/><stop offset="1" stop-color="#4c318d"/></linearGradient><linearGradient id="SVGfGhGidjv" x1="12.045" x2="9.691" y1="5.25" y2="20.777" gradientUnits="userSpaceOnUse"><stop stop-color="#7b42a1"/><stop offset=".54" stop-color="#c75693"/><stop offset="1" stop-color="#a1467a"/></linearGradient><linearGradient id="SVGpQwOfxGE" x1="5.745" x2="14.779" y1="5.821" y2="8.958" gradientUnits="userSpaceOnUse"><stop stop-color="#84354c"/><stop offset="1" stop-color="#b64a69"/></linearGradient><linearGradient id="SVGfxOcCeYH" x1="5.244" x2="10.083" y1="6.207" y2="19.947" gradientUnits="userSpaceOnUse"><stop stop-color="#8454f4"/><stop offset="1" stop-color="#5d3bac"/></linearGradient><linearGradient id="SVGE77WJbRt" x1="5.756" x2="7.534" y1="5.779" y2="19.127" gradientUnits="userSpaceOnUse"><stop stop-color="#8453ee"/><stop offset=".68" stop-color="#b456b2"/><stop offset=".98" stop-color="#201128"/></linearGradient></defs></g></svg> </template>
CSS
.icon-nht {
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(%23SVG0oDY5cmt)%22%20d%3D%22M16.5%205.261c-.04%203.589-3.004%204.5-4.5%204.489l.006%203.864H21V5.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfGhGidjv)%22%20d%3D%22M16.793%2018.75H12v-4.5h4.5v-9h.4A4.09%204.09%200%200%201%2021%209.283v5.215a4.29%204.29%200%200%201-4.207%204.252%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGpQwOfxGE)%22%20d%3D%22M7.5%2014.25h9c-3.645%200-4.494%202.852-4.5%204.387c-.056-3.453-2.818-4.353-4.331-4.387z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfxOcCeYH)%22%20d%3D%22M12.022%209.536v.506H7.376V5.283h.393a4.253%204.253%200%200%201%204.253%204.253%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGE77WJbRt)%22%20d%3D%22M3.107%2018.75H3V9.3a4.05%204.05%200%200%201%204.05-4.05h.45c0%203.488%202.728%204.483%204.05%204.5h.793a4.085%204.085%200%200%201%204.157%204.073v.427h-9v.011a4.416%204.416%200%200%201-4.393%204.49%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG0oDY5cmt%22%20x1%3D%2221%22%20x2%3D%2212.01%22%20y1%3D%225.949%22%20y2%3D%2216.33%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232f1e58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234c318d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfGhGidjv%22%20x1%3D%2212.045%22%20x2%3D%229.691%22%20y1%3D%225.25%22%20y2%3D%2220.777%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237b42a1%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23c75693%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a1467a%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGpQwOfxGE%22%20x1%3D%225.745%22%20x2%3D%2214.779%22%20y1%3D%225.821%22%20y2%3D%228.958%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2384354c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b64a69%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfxOcCeYH%22%20x1%3D%225.244%22%20x2%3D%2210.083%22%20y1%3D%226.207%22%20y2%3D%2219.947%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238454f4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d3bac%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGE77WJbRt%22%20x1%3D%225.756%22%20x2%3D%227.534%22%20y1%3D%225.779%22%20y2%3D%2219.127%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238453ee%22%2F%3E%3Cstop%20offset%3D%22.68%22%20stop-color%3D%22%23b456b2%22%2F%3E%3Cstop%20offset%3D%22.98%22%20stop-color%3D%22%23201128%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(%23SVG0oDY5cmt)%22%20d%3D%22M16.5%205.261c-.04%203.589-3.004%204.5-4.5%204.489l.006%203.864H21V5.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfGhGidjv)%22%20d%3D%22M16.793%2018.75H12v-4.5h4.5v-9h.4A4.09%204.09%200%200%201%2021%209.283v5.215a4.29%204.29%200%200%201-4.207%204.252%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGpQwOfxGE)%22%20d%3D%22M7.5%2014.25h9c-3.645%200-4.494%202.852-4.5%204.387c-.056-3.453-2.818-4.353-4.331-4.387z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfxOcCeYH)%22%20d%3D%22M12.022%209.536v.506H7.376V5.283h.393a4.253%204.253%200%200%201%204.253%204.253%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGE77WJbRt)%22%20d%3D%22M3.107%2018.75H3V9.3a4.05%204.05%200%200%201%204.05-4.05h.45c0%203.488%202.728%204.483%204.05%204.5h.793a4.085%204.085%200%200%201%204.157%204.073v.427h-9v.011a4.416%204.416%200%200%201-4.393%204.49%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG0oDY5cmt%22%20x1%3D%2221%22%20x2%3D%2212.01%22%20y1%3D%225.949%22%20y2%3D%2216.33%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232f1e58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234c318d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfGhGidjv%22%20x1%3D%2212.045%22%20x2%3D%229.691%22%20y1%3D%225.25%22%20y2%3D%2220.777%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237b42a1%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23c75693%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a1467a%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGpQwOfxGE%22%20x1%3D%225.745%22%20x2%3D%2214.779%22%20y1%3D%225.821%22%20y2%3D%228.958%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2384354c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b64a69%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfxOcCeYH%22%20x1%3D%225.244%22%20x2%3D%2210.083%22%20y1%3D%226.207%22%20y2%3D%2219.947%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238454f4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235d3bac%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGE77WJbRt%22%20x1%3D%225.756%22%20x2%3D%227.534%22%20y1%3D%225.779%22%20y2%3D%2219.127%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238453ee%22%2F%3E%3Cstop%20offset%3D%22.68%22%20stop-color%3D%22%23b456b2%22%2F%3E%3Cstop%20offset%3D%22.98%22%20stop-color%3D%22%23201128%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/nht.svg?color=%231a73e8&size=48
