nct logo
nct-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- nct-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 nct 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(#SVGHcSWxdhd202)"><path fill="#8500ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.642 8h8.544C15.43 8 16.5 9.27 16.5 10.5S15.43 13 14.186 13H9.458c-.354 0-.67.15-.67.5s.316.5.67.5h4.5c1.953 0 3.542-1.57 3.542-3.5S15.91 7 13.958 7H5.643C5.288 7 5 7.15 5 7.5s.288.5.642.5"/><path fill="#fff" d="M13.742 4.5h-3.105c-.34 0-.637.165-.637.498s.296.502.637.502h3.105C16.51 5.5 19 7.907 19 10.61c0 2.702-2.49 4.89-5.258 4.89H5.855c-.34 0-.618.166-.618.5s.277.5.618.5h7.886c3.451 0 6.259-2.522 6.259-5.89c0-3.37-2.808-6.11-6.258-6.11"/><path fill="#fff" d="M10 10.5c0-.333-.218-.5-.56-.5H8.07c-.34 0-.57.167-.57.5c0 .335.248.5.474.5h1.397c.434 0 .629-.145.629-.5m-1.615 8H4.618c-.34 0-.618.167-.618.5s.277.5.618.5h3.767c.34 0 .615-.167.615-.5s-.274-.5-.615-.5"/></g><defs><clipPath id="SVGHcSWxdhd202"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedNctBackground(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(#SVGHcSWxdhd202)"><path fill="#8500ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.642 8h8.544C15.43 8 16.5 9.27 16.5 10.5S15.43 13 14.186 13H9.458c-.354 0-.67.15-.67.5s.316.5.67.5h4.5c1.953 0 3.542-1.57 3.542-3.5S15.91 7 13.958 7H5.643C5.288 7 5 7.15 5 7.5s.288.5.642.5"/><path fill="#fff" d="M13.742 4.5h-3.105c-.34 0-.637.165-.637.498s.296.502.637.502h3.105C16.51 5.5 19 7.907 19 10.61c0 2.702-2.49 4.89-5.258 4.89H5.855c-.34 0-.618.166-.618.5s.277.5.618.5h7.886c3.451 0 6.259-2.522 6.259-5.89c0-3.37-2.808-6.11-6.258-6.11"/><path fill="#fff" d="M10 10.5c0-.333-.218-.5-.56-.5H8.07c-.34 0-.57.167-.57.5c0 .335.248.5.474.5h1.397c.434 0 .629-.145.629-.5m-1.615 8H4.618c-.34 0-.618.167-.618.5s.277.5.618.5h3.767c.34 0 .615-.167.615-.5s-.274-.5-.615-.5"/></g><defs><clipPath id="SVGHcSWxdhd202"><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(#SVGHcSWxdhd202)"><path fill="#8500ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.642 8h8.544C15.43 8 16.5 9.27 16.5 10.5S15.43 13 14.186 13H9.458c-.354 0-.67.15-.67.5s.316.5.67.5h4.5c1.953 0 3.542-1.57 3.542-3.5S15.91 7 13.958 7H5.643C5.288 7 5 7.15 5 7.5s.288.5.642.5"/><path fill="#fff" d="M13.742 4.5h-3.105c-.34 0-.637.165-.637.498s.296.502.637.502h3.105C16.51 5.5 19 7.907 19 10.61c0 2.702-2.49 4.89-5.258 4.89H5.855c-.34 0-.618.166-.618.5s.277.5.618.5h7.886c3.451 0 6.259-2.522 6.259-5.89c0-3.37-2.808-6.11-6.258-6.11"/><path fill="#fff" d="M10 10.5c0-.333-.218-.5-.56-.5H8.07c-.34 0-.57.167-.57.5c0 .335.248.5.474.5h1.397c.434 0 .629-.145.629-.5m-1.615 8H4.618c-.34 0-.618.167-.618.5s.277.5.618.5h3.767c.34 0 .615-.167.615-.5s-.274-.5-.615-.5"/></g><defs><clipPath id="SVGHcSWxdhd202"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-nct-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(%23SVGHcSWxdhd202)%22%3E%3Cpath%20fill%3D%22%238500ff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.642%208h8.544C15.43%208%2016.5%209.27%2016.5%2010.5S15.43%2013%2014.186%2013H9.458c-.354%200-.67.15-.67.5s.316.5.67.5h4.5c1.953%200%203.542-1.57%203.542-3.5S15.91%207%2013.958%207H5.643C5.288%207%205%207.15%205%207.5s.288.5.642.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.742%204.5h-3.105c-.34%200-.637.165-.637.498s.296.502.637.502h3.105C16.51%205.5%2019%207.907%2019%2010.61c0%202.702-2.49%204.89-5.258%204.89H5.855c-.34%200-.618.166-.618.5s.277.5.618.5h7.886c3.451%200%206.259-2.522%206.259-5.89c0-3.37-2.808-6.11-6.258-6.11%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10%2010.5c0-.333-.218-.5-.56-.5H8.07c-.34%200-.57.167-.57.5c0%20.335.248.5.474.5h1.397c.434%200%20.629-.145.629-.5m-1.615%208H4.618c-.34%200-.618.167-.618.5s.277.5.618.5h3.767c.34%200%20.615-.167.615-.5s-.274-.5-.615-.5%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd202%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(%23SVGHcSWxdhd202)%22%3E%3Cpath%20fill%3D%22%238500ff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.642%208h8.544C15.43%208%2016.5%209.27%2016.5%2010.5S15.43%2013%2014.186%2013H9.458c-.354%200-.67.15-.67.5s.316.5.67.5h4.5c1.953%200%203.542-1.57%203.542-3.5S15.91%207%2013.958%207H5.643C5.288%207%205%207.15%205%207.5s.288.5.642.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.742%204.5h-3.105c-.34%200-.637.165-.637.498s.296.502.637.502h3.105C16.51%205.5%2019%207.907%2019%2010.61c0%202.702-2.49%204.89-5.258%204.89H5.855c-.34%200-.618.166-.618.5s.277.5.618.5h7.886c3.451%200%206.259-2.522%206.259-5.89c0-3.37-2.808-6.11-6.258-6.11%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10%2010.5c0-.333-.218-.5-.56-.5H8.07c-.34%200-.57.167-.57.5c0%20.335.248.5.474.5h1.397c.434%200%20.629-.145.629-.5m-1.615%208H4.618c-.34%200-.618.167-.618.5s.277.5.618.5h3.767c.34%200%20.615-.167.615-.5s-.274-.5-.615-.5%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd202%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/nct-background.svg?color=%231a73e8&size=48
