nvt logo
nvt from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- nvt
- 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 nvt 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(#SVGk5xh27sW)" fill-rule="evenodd" d="m11.221 6.315l-.243.651l3.492 6.18l.243-.653zm-1.94 5.208l3.501 6.162l.232-.622L9.52 10.88zm4.338 3.905L10.128 9.25l.243-.651l3.49 6.178z" clip-rule="evenodd"/><path fill="url(#SVG1rstqdFl)" d="M16.151 17.683H12.78l4.019-10.785a.9.9 0 0 1 .325-.423a.87.87 0 0 1 .502-.16H21l-4.02 10.784a.9.9 0 0 1-.326.424a.9.9 0 0 1-.503.16"/><path fill="url(#SVG1rstqdFl)" d="M6.372 17.683H3L7.02 6.898a.9.9 0 0 1 .324-.423a.87.87 0 0 1 .503-.16h3.373L7.2 17.099a.9.9 0 0 1-.325.424a.9.9 0 0 1-.503.16"/><path fill="url(#SVGfS3NM26I)" fill-rule="evenodd" d="M11.22 6.315h.004l.487.862l-.246.646l-.487-.861zm-.369 3.12l-.48-.851l-.244.652l.478.845zm-.864 2.273l-.467-.828l-.24.643l.466.82z" clip-rule="evenodd"/><path fill="url(#SVGr2ek3dOf)" d="m14.235 11.647l.48.85l-.249.652l-.473-.857z"/><path fill="url(#SVGXZfSAeCY)" d="m13.865 14.776l-.492-.864l-.244.648l.493.872z"/><path fill="url(#SVGHzU8yUDY)" d="m13.012 17.056l-.49-.863l-.232.632l.49.857z"/><defs><linearGradient id="SVGk5xh27sW" x1="5.572" x2="8.926" y1="12.682" y2="19.561" gradientUnits="userSpaceOnUse"><stop stop-color="#4e90e2"/><stop offset=".857" stop-color="#17e9d9"/></linearGradient><linearGradient id="SVG1rstqdFl" x1="18.776" x2="6.947" y1="10.233" y2="7.146" gradientUnits="userSpaceOnUse"><stop stop-color="#5d7ce9"/><stop offset="1" stop-color="#17ead9"/></linearGradient><linearGradient id="SVGfS3NM26I" x1="2.249" x2="7.229" y1="12" y2="19.708" gradientUnits="userSpaceOnUse"><stop offset=".39" stop-color="#2e4177"/><stop offset="1" stop-color="#2e4177" stop-opacity="0"/></linearGradient><linearGradient id="SVGr2ek3dOf" x1="2.411" x2="-16.282" y1="33.096" y2="15.984" gradientUnits="userSpaceOnUse"><stop stop-color="#3b8382"/><stop offset="1" stop-color="#439a99" stop-opacity="0"/></linearGradient><linearGradient id="SVGXZfSAeCY" x1="23.539" x2="5.065" y1="15.843" y2="-.985" gradientUnits="userSpaceOnUse"><stop stop-color="#3b8382"/><stop offset="1" stop-color="#439a99" stop-opacity="0"/></linearGradient><linearGradient id="SVGHzU8yUDY" x1="13.968" x2="12.687" y1="15.184" y2="14.827" gradientUnits="userSpaceOnUse"><stop stop-color="#3b8382"/><stop offset="1" stop-color="#439a99" stop-opacity="0"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedNvt(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(#SVGk5xh27sW)" fillRule="evenodd" d="m11.221 6.315l-.243.651l3.492 6.18l.243-.653zm-1.94 5.208l3.501 6.162l.232-.622L9.52 10.88zm4.338 3.905L10.128 9.25l.243-.651l3.49 6.178z" clipRule="evenodd"/><path fill="url(#SVG1rstqdFl)" d="M16.151 17.683H12.78l4.019-10.785a.9.9 0 0 1 .325-.423a.87.87 0 0 1 .502-.16H21l-4.02 10.784a.9.9 0 0 1-.326.424a.9.9 0 0 1-.503.16"/><path fill="url(#SVG1rstqdFl)" d="M6.372 17.683H3L7.02 6.898a.9.9 0 0 1 .324-.423a.87.87 0 0 1 .503-.16h3.373L7.2 17.099a.9.9 0 0 1-.325.424a.9.9 0 0 1-.503.16"/><path fill="url(#SVGfS3NM26I)" fillRule="evenodd" d="M11.22 6.315h.004l.487.862l-.246.646l-.487-.861zm-.369 3.12l-.48-.851l-.244.652l.478.845zm-.864 2.273l-.467-.828l-.24.643l.466.82z" clipRule="evenodd"/><path fill="url(#SVGr2ek3dOf)" d="m14.235 11.647l.48.85l-.249.652l-.473-.857z"/><path fill="url(#SVGXZfSAeCY)" d="m13.865 14.776l-.492-.864l-.244.648l.493.872z"/><path fill="url(#SVGHzU8yUDY)" d="m13.012 17.056l-.49-.863l-.232.632l.49.857z"/><defs><linearGradient id="SVGk5xh27sW" x1="5.572" x2="8.926" y1="12.682" y2="19.561" gradientUnits="userSpaceOnUse"><stop stopColor="#4e90e2"/><stop offset=".857" stopColor="#17e9d9"/></linearGradient><linearGradient id="SVG1rstqdFl" x1="18.776" x2="6.947" y1="10.233" y2="7.146" gradientUnits="userSpaceOnUse"><stop stopColor="#5d7ce9"/><stop offset="1" stopColor="#17ead9"/></linearGradient><linearGradient id="SVGfS3NM26I" x1="2.249" x2="7.229" y1="12" y2="19.708" gradientUnits="userSpaceOnUse"><stop offset=".39" stopColor="#2e4177"/><stop offset="1" stopColor="#2e4177" stopOpacity="0"/></linearGradient><linearGradient id="SVGr2ek3dOf" x1="2.411" x2="-16.282" y1="33.096" y2="15.984" gradientUnits="userSpaceOnUse"><stop stopColor="#3b8382"/><stop offset="1" stopColor="#439a99" stopOpacity="0"/></linearGradient><linearGradient id="SVGXZfSAeCY" x1="23.539" x2="5.065" y1="15.843" y2="-.985" gradientUnits="userSpaceOnUse"><stop stopColor="#3b8382"/><stop offset="1" stopColor="#439a99" stopOpacity="0"/></linearGradient><linearGradient id="SVGHzU8yUDY" x1="13.968" x2="12.687" y1="15.184" y2="14.827" gradientUnits="userSpaceOnUse"><stop stopColor="#3b8382"/><stop offset="1" stopColor="#439a99" stopOpacity="0"/></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(#SVGk5xh27sW)" fill-rule="evenodd" d="m11.221 6.315l-.243.651l3.492 6.18l.243-.653zm-1.94 5.208l3.501 6.162l.232-.622L9.52 10.88zm4.338 3.905L10.128 9.25l.243-.651l3.49 6.178z" clip-rule="evenodd"/><path fill="url(#SVG1rstqdFl)" d="M16.151 17.683H12.78l4.019-10.785a.9.9 0 0 1 .325-.423a.87.87 0 0 1 .502-.16H21l-4.02 10.784a.9.9 0 0 1-.326.424a.9.9 0 0 1-.503.16"/><path fill="url(#SVG1rstqdFl)" d="M6.372 17.683H3L7.02 6.898a.9.9 0 0 1 .324-.423a.87.87 0 0 1 .503-.16h3.373L7.2 17.099a.9.9 0 0 1-.325.424a.9.9 0 0 1-.503.16"/><path fill="url(#SVGfS3NM26I)" fill-rule="evenodd" d="M11.22 6.315h.004l.487.862l-.246.646l-.487-.861zm-.369 3.12l-.48-.851l-.244.652l.478.845zm-.864 2.273l-.467-.828l-.24.643l.466.82z" clip-rule="evenodd"/><path fill="url(#SVGr2ek3dOf)" d="m14.235 11.647l.48.85l-.249.652l-.473-.857z"/><path fill="url(#SVGXZfSAeCY)" d="m13.865 14.776l-.492-.864l-.244.648l.493.872z"/><path fill="url(#SVGHzU8yUDY)" d="m13.012 17.056l-.49-.863l-.232.632l.49.857z"/><defs><linearGradient id="SVGk5xh27sW" x1="5.572" x2="8.926" y1="12.682" y2="19.561" gradientUnits="userSpaceOnUse"><stop stop-color="#4e90e2"/><stop offset=".857" stop-color="#17e9d9"/></linearGradient><linearGradient id="SVG1rstqdFl" x1="18.776" x2="6.947" y1="10.233" y2="7.146" gradientUnits="userSpaceOnUse"><stop stop-color="#5d7ce9"/><stop offset="1" stop-color="#17ead9"/></linearGradient><linearGradient id="SVGfS3NM26I" x1="2.249" x2="7.229" y1="12" y2="19.708" gradientUnits="userSpaceOnUse"><stop offset=".39" stop-color="#2e4177"/><stop offset="1" stop-color="#2e4177" stop-opacity="0"/></linearGradient><linearGradient id="SVGr2ek3dOf" x1="2.411" x2="-16.282" y1="33.096" y2="15.984" gradientUnits="userSpaceOnUse"><stop stop-color="#3b8382"/><stop offset="1" stop-color="#439a99" stop-opacity="0"/></linearGradient><linearGradient id="SVGXZfSAeCY" x1="23.539" x2="5.065" y1="15.843" y2="-.985" gradientUnits="userSpaceOnUse"><stop stop-color="#3b8382"/><stop offset="1" stop-color="#439a99" stop-opacity="0"/></linearGradient><linearGradient id="SVGHzU8yUDY" x1="13.968" x2="12.687" y1="15.184" y2="14.827" gradientUnits="userSpaceOnUse"><stop stop-color="#3b8382"/><stop offset="1" stop-color="#439a99" stop-opacity="0"/></linearGradient></defs></g></svg> </template>
CSS
.icon-nvt {
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(%23SVGk5xh27sW)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.221%206.315l-.243.651l3.492%206.18l.243-.653zm-1.94%205.208l3.501%206.162l.232-.622L9.52%2010.88zm4.338%203.905L10.128%209.25l.243-.651l3.49%206.178z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1rstqdFl)%22%20d%3D%22M16.151%2017.683H12.78l4.019-10.785a.9.9%200%200%201%20.325-.423a.87.87%200%200%201%20.502-.16H21l-4.02%2010.784a.9.9%200%200%201-.326.424a.9.9%200%200%201-.503.16%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1rstqdFl)%22%20d%3D%22M6.372%2017.683H3L7.02%206.898a.9.9%200%200%201%20.324-.423a.87.87%200%200%201%20.503-.16h3.373L7.2%2017.099a.9.9%200%200%201-.325.424a.9.9%200%200%201-.503.16%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfS3NM26I)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.22%206.315h.004l.487.862l-.246.646l-.487-.861zm-.369%203.12l-.48-.851l-.244.652l.478.845zm-.864%202.273l-.467-.828l-.24.643l.466.82z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGr2ek3dOf)%22%20d%3D%22m14.235%2011.647l.48.85l-.249.652l-.473-.857z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXZfSAeCY)%22%20d%3D%22m13.865%2014.776l-.492-.864l-.244.648l.493.872z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHzU8yUDY)%22%20d%3D%22m13.012%2017.056l-.49-.863l-.232.632l.49.857z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGk5xh27sW%22%20x1%3D%225.572%22%20x2%3D%228.926%22%20y1%3D%2212.682%22%20y2%3D%2219.561%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234e90e2%22%2F%3E%3Cstop%20offset%3D%22.857%22%20stop-color%3D%22%2317e9d9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG1rstqdFl%22%20x1%3D%2218.776%22%20x2%3D%226.947%22%20y1%3D%2210.233%22%20y2%3D%227.146%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235d7ce9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2317ead9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfS3NM26I%22%20x1%3D%222.249%22%20x2%3D%227.229%22%20y1%3D%2212%22%20y2%3D%2219.708%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.39%22%20stop-color%3D%22%232e4177%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232e4177%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGr2ek3dOf%22%20x1%3D%222.411%22%20x2%3D%22-16.282%22%20y1%3D%2233.096%22%20y2%3D%2215.984%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233b8382%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23439a99%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGXZfSAeCY%22%20x1%3D%2223.539%22%20x2%3D%225.065%22%20y1%3D%2215.843%22%20y2%3D%22-.985%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233b8382%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23439a99%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHzU8yUDY%22%20x1%3D%2213.968%22%20x2%3D%2212.687%22%20y1%3D%2215.184%22%20y2%3D%2214.827%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233b8382%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23439a99%22%20stop-opacity%3D%220%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(%23SVGk5xh27sW)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.221%206.315l-.243.651l3.492%206.18l.243-.653zm-1.94%205.208l3.501%206.162l.232-.622L9.52%2010.88zm4.338%203.905L10.128%209.25l.243-.651l3.49%206.178z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1rstqdFl)%22%20d%3D%22M16.151%2017.683H12.78l4.019-10.785a.9.9%200%200%201%20.325-.423a.87.87%200%200%201%20.502-.16H21l-4.02%2010.784a.9.9%200%200%201-.326.424a.9.9%200%200%201-.503.16%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1rstqdFl)%22%20d%3D%22M6.372%2017.683H3L7.02%206.898a.9.9%200%200%201%20.324-.423a.87.87%200%200%201%20.503-.16h3.373L7.2%2017.099a.9.9%200%200%201-.325.424a.9.9%200%200%201-.503.16%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfS3NM26I)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.22%206.315h.004l.487.862l-.246.646l-.487-.861zm-.369%203.12l-.48-.851l-.244.652l.478.845zm-.864%202.273l-.467-.828l-.24.643l.466.82z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGr2ek3dOf)%22%20d%3D%22m14.235%2011.647l.48.85l-.249.652l-.473-.857z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXZfSAeCY)%22%20d%3D%22m13.865%2014.776l-.492-.864l-.244.648l.493.872z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHzU8yUDY)%22%20d%3D%22m13.012%2017.056l-.49-.863l-.232.632l.49.857z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGk5xh27sW%22%20x1%3D%225.572%22%20x2%3D%228.926%22%20y1%3D%2212.682%22%20y2%3D%2219.561%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234e90e2%22%2F%3E%3Cstop%20offset%3D%22.857%22%20stop-color%3D%22%2317e9d9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG1rstqdFl%22%20x1%3D%2218.776%22%20x2%3D%226.947%22%20y1%3D%2210.233%22%20y2%3D%227.146%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235d7ce9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2317ead9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfS3NM26I%22%20x1%3D%222.249%22%20x2%3D%227.229%22%20y1%3D%2212%22%20y2%3D%2219.708%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.39%22%20stop-color%3D%22%232e4177%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232e4177%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGr2ek3dOf%22%20x1%3D%222.411%22%20x2%3D%22-16.282%22%20y1%3D%2233.096%22%20y2%3D%2215.984%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233b8382%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23439a99%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGXZfSAeCY%22%20x1%3D%2223.539%22%20x2%3D%225.065%22%20y1%3D%2215.843%22%20y2%3D%22-.985%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233b8382%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23439a99%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHzU8yUDY%22%20x1%3D%2213.968%22%20x2%3D%2212.687%22%20y1%3D%2215.184%22%20y2%3D%2214.827%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233b8382%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23439a99%22%20stop-opacity%3D%220%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/nvt.svg?color=%231a73e8&size=48
