nett logo
nett from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- nett
- 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 nett 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(#SVGAusJrd6l)" d="m8.149 12l-5 6.214c-.175-.103-.16-.391-.133-.525L4.256 12z"/><path fill="url(#SVGdOUdqe9S)" d="M11.714 14.546L8.155 12l-5.01 6.224c.113.139.396.103.52.062z"/><path fill="#54ccff" d="M8.154 12H4.25a1221 1221 0 0 1 1.739-6.141c.051-.17.22-.299.303-.34z"/><path fill="#a2affe" d="M6.853 5.523c-.216-.144-.463-.061-.566 0l1.872 6.482l8.38.509C13.4 10.27 7.073 5.673 6.852 5.524"/><path fill="#3189f7" d="M11.72 14.562L8.15 12l3.96.21z"/><path fill="url(#SVGRGuJabVK)" d="m16.528 12.514l-4.424-.319l-.4 2.35l6.362 3.869c.139.092.442.273.576.273c.139 0 .278-.036.334-.052l-2.453-6.12z"/><path fill="url(#SVGZHuNicVh)" d="M20.2 12.422h-3.754l2.52 6.214c.32-.072.504-.402.546-.551l.689-5.658z"/><path fill="url(#SVGAJA2vdYz)" d="M16.483 12.514L12.522 9.63l7.612-4.182c.067-.072.278-.19.577-.103s.308.442.277.607l-.802 6.563z"/><defs><linearGradient id="SVGAusJrd6l" x1="11.991" x2="11.991" y1="5.324" y2="18.687" gradientUnits="userSpaceOnUse"><stop stop-color="#38c2ff"/><stop offset="1" stop-color="#2698ee"/></linearGradient><linearGradient id="SVGdOUdqe9S" x1="12.001" x2="12.001" y1="5.313" y2="18.685" gradientUnits="userSpaceOnUse"><stop stop-color="#4196ff"/><stop offset="1" stop-color="#2588fd"/></linearGradient><linearGradient id="SVGRGuJabVK" x1="12" x2="9.89" y1="5.313" y2="14.551" gradientUnits="userSpaceOnUse"><stop stop-color="#4583fc"/><stop offset="1" stop-color="#307efa"/></linearGradient><linearGradient id="SVGZHuNicVh" x1="12.197" x2="12.197" y1="5.313" y2="18.643" gradientUnits="userSpaceOnUse"><stop stop-color="#718cfd"/><stop offset="1" stop-color="#5a86ff"/></linearGradient><linearGradient id="SVGAJA2vdYz" x1="20.571" x2="17.002" y1="5.776" y2="12.535" gradientUnits="userSpaceOnUse"><stop stop-color="#a796f6"/><stop offset="1" stop-color="#999fff"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedNett(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(#SVGAusJrd6l)" d="m8.149 12l-5 6.214c-.175-.103-.16-.391-.133-.525L4.256 12z"/><path fill="url(#SVGdOUdqe9S)" d="M11.714 14.546L8.155 12l-5.01 6.224c.113.139.396.103.52.062z"/><path fill="#54ccff" d="M8.154 12H4.25a1221 1221 0 0 1 1.739-6.141c.051-.17.22-.299.303-.34z"/><path fill="#a2affe" d="M6.853 5.523c-.216-.144-.463-.061-.566 0l1.872 6.482l8.38.509C13.4 10.27 7.073 5.673 6.852 5.524"/><path fill="#3189f7" d="M11.72 14.562L8.15 12l3.96.21z"/><path fill="url(#SVGRGuJabVK)" d="m16.528 12.514l-4.424-.319l-.4 2.35l6.362 3.869c.139.092.442.273.576.273c.139 0 .278-.036.334-.052l-2.453-6.12z"/><path fill="url(#SVGZHuNicVh)" d="M20.2 12.422h-3.754l2.52 6.214c.32-.072.504-.402.546-.551l.689-5.658z"/><path fill="url(#SVGAJA2vdYz)" d="M16.483 12.514L12.522 9.63l7.612-4.182c.067-.072.278-.19.577-.103s.308.442.277.607l-.802 6.563z"/><defs><linearGradient id="SVGAusJrd6l" x1="11.991" x2="11.991" y1="5.324" y2="18.687" gradientUnits="userSpaceOnUse"><stop stopColor="#38c2ff"/><stop offset="1" stopColor="#2698ee"/></linearGradient><linearGradient id="SVGdOUdqe9S" x1="12.001" x2="12.001" y1="5.313" y2="18.685" gradientUnits="userSpaceOnUse"><stop stopColor="#4196ff"/><stop offset="1" stopColor="#2588fd"/></linearGradient><linearGradient id="SVGRGuJabVK" x1="12" x2="9.89" y1="5.313" y2="14.551" gradientUnits="userSpaceOnUse"><stop stopColor="#4583fc"/><stop offset="1" stopColor="#307efa"/></linearGradient><linearGradient id="SVGZHuNicVh" x1="12.197" x2="12.197" y1="5.313" y2="18.643" gradientUnits="userSpaceOnUse"><stop stopColor="#718cfd"/><stop offset="1" stopColor="#5a86ff"/></linearGradient><linearGradient id="SVGAJA2vdYz" x1="20.571" x2="17.002" y1="5.776" y2="12.535" gradientUnits="userSpaceOnUse"><stop stopColor="#a796f6"/><stop offset="1" stopColor="#999fff"/></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(#SVGAusJrd6l)" d="m8.149 12l-5 6.214c-.175-.103-.16-.391-.133-.525L4.256 12z"/><path fill="url(#SVGdOUdqe9S)" d="M11.714 14.546L8.155 12l-5.01 6.224c.113.139.396.103.52.062z"/><path fill="#54ccff" d="M8.154 12H4.25a1221 1221 0 0 1 1.739-6.141c.051-.17.22-.299.303-.34z"/><path fill="#a2affe" d="M6.853 5.523c-.216-.144-.463-.061-.566 0l1.872 6.482l8.38.509C13.4 10.27 7.073 5.673 6.852 5.524"/><path fill="#3189f7" d="M11.72 14.562L8.15 12l3.96.21z"/><path fill="url(#SVGRGuJabVK)" d="m16.528 12.514l-4.424-.319l-.4 2.35l6.362 3.869c.139.092.442.273.576.273c.139 0 .278-.036.334-.052l-2.453-6.12z"/><path fill="url(#SVGZHuNicVh)" d="M20.2 12.422h-3.754l2.52 6.214c.32-.072.504-.402.546-.551l.689-5.658z"/><path fill="url(#SVGAJA2vdYz)" d="M16.483 12.514L12.522 9.63l7.612-4.182c.067-.072.278-.19.577-.103s.308.442.277.607l-.802 6.563z"/><defs><linearGradient id="SVGAusJrd6l" x1="11.991" x2="11.991" y1="5.324" y2="18.687" gradientUnits="userSpaceOnUse"><stop stop-color="#38c2ff"/><stop offset="1" stop-color="#2698ee"/></linearGradient><linearGradient id="SVGdOUdqe9S" x1="12.001" x2="12.001" y1="5.313" y2="18.685" gradientUnits="userSpaceOnUse"><stop stop-color="#4196ff"/><stop offset="1" stop-color="#2588fd"/></linearGradient><linearGradient id="SVGRGuJabVK" x1="12" x2="9.89" y1="5.313" y2="14.551" gradientUnits="userSpaceOnUse"><stop stop-color="#4583fc"/><stop offset="1" stop-color="#307efa"/></linearGradient><linearGradient id="SVGZHuNicVh" x1="12.197" x2="12.197" y1="5.313" y2="18.643" gradientUnits="userSpaceOnUse"><stop stop-color="#718cfd"/><stop offset="1" stop-color="#5a86ff"/></linearGradient><linearGradient id="SVGAJA2vdYz" x1="20.571" x2="17.002" y1="5.776" y2="12.535" gradientUnits="userSpaceOnUse"><stop stop-color="#a796f6"/><stop offset="1" stop-color="#999fff"/></linearGradient></defs></g></svg> </template>
CSS
.icon-nett {
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(%23SVGAusJrd6l)%22%20d%3D%22m8.149%2012l-5%206.214c-.175-.103-.16-.391-.133-.525L4.256%2012z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdOUdqe9S)%22%20d%3D%22M11.714%2014.546L8.155%2012l-5.01%206.224c.113.139.396.103.52.062z%22%2F%3E%3Cpath%20fill%3D%22%2354ccff%22%20d%3D%22M8.154%2012H4.25a1221%201221%200%200%201%201.739-6.141c.051-.17.22-.299.303-.34z%22%2F%3E%3Cpath%20fill%3D%22%23a2affe%22%20d%3D%22M6.853%205.523c-.216-.144-.463-.061-.566%200l1.872%206.482l8.38.509C13.4%2010.27%207.073%205.673%206.852%205.524%22%2F%3E%3Cpath%20fill%3D%22%233189f7%22%20d%3D%22M11.72%2014.562L8.15%2012l3.96.21z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRGuJabVK)%22%20d%3D%22m16.528%2012.514l-4.424-.319l-.4%202.35l6.362%203.869c.139.092.442.273.576.273c.139%200%20.278-.036.334-.052l-2.453-6.12z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZHuNicVh)%22%20d%3D%22M20.2%2012.422h-3.754l2.52%206.214c.32-.072.504-.402.546-.551l.689-5.658z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAJA2vdYz)%22%20d%3D%22M16.483%2012.514L12.522%209.63l7.612-4.182c.067-.072.278-.19.577-.103s.308.442.277.607l-.802%206.563z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGAusJrd6l%22%20x1%3D%2211.991%22%20x2%3D%2211.991%22%20y1%3D%225.324%22%20y2%3D%2218.687%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2338c2ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232698ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGdOUdqe9S%22%20x1%3D%2212.001%22%20x2%3D%2212.001%22%20y1%3D%225.313%22%20y2%3D%2218.685%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234196ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232588fd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGRGuJabVK%22%20x1%3D%2212%22%20x2%3D%229.89%22%20y1%3D%225.313%22%20y2%3D%2214.551%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234583fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23307efa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZHuNicVh%22%20x1%3D%2212.197%22%20x2%3D%2212.197%22%20y1%3D%225.313%22%20y2%3D%2218.643%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23718cfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235a86ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAJA2vdYz%22%20x1%3D%2220.571%22%20x2%3D%2217.002%22%20y1%3D%225.776%22%20y2%3D%2212.535%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a796f6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23999fff%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(%23SVGAusJrd6l)%22%20d%3D%22m8.149%2012l-5%206.214c-.175-.103-.16-.391-.133-.525L4.256%2012z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdOUdqe9S)%22%20d%3D%22M11.714%2014.546L8.155%2012l-5.01%206.224c.113.139.396.103.52.062z%22%2F%3E%3Cpath%20fill%3D%22%2354ccff%22%20d%3D%22M8.154%2012H4.25a1221%201221%200%200%201%201.739-6.141c.051-.17.22-.299.303-.34z%22%2F%3E%3Cpath%20fill%3D%22%23a2affe%22%20d%3D%22M6.853%205.523c-.216-.144-.463-.061-.566%200l1.872%206.482l8.38.509C13.4%2010.27%207.073%205.673%206.852%205.524%22%2F%3E%3Cpath%20fill%3D%22%233189f7%22%20d%3D%22M11.72%2014.562L8.15%2012l3.96.21z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRGuJabVK)%22%20d%3D%22m16.528%2012.514l-4.424-.319l-.4%202.35l6.362%203.869c.139.092.442.273.576.273c.139%200%20.278-.036.334-.052l-2.453-6.12z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZHuNicVh)%22%20d%3D%22M20.2%2012.422h-3.754l2.52%206.214c.32-.072.504-.402.546-.551l.689-5.658z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAJA2vdYz)%22%20d%3D%22M16.483%2012.514L12.522%209.63l7.612-4.182c.067-.072.278-.19.577-.103s.308.442.277.607l-.802%206.563z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGAusJrd6l%22%20x1%3D%2211.991%22%20x2%3D%2211.991%22%20y1%3D%225.324%22%20y2%3D%2218.687%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2338c2ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232698ee%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGdOUdqe9S%22%20x1%3D%2212.001%22%20x2%3D%2212.001%22%20y1%3D%225.313%22%20y2%3D%2218.685%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234196ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232588fd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGRGuJabVK%22%20x1%3D%2212%22%20x2%3D%229.89%22%20y1%3D%225.313%22%20y2%3D%2214.551%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234583fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23307efa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZHuNicVh%22%20x1%3D%2212.197%22%20x2%3D%2212.197%22%20y1%3D%225.313%22%20y2%3D%2218.643%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23718cfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235a86ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAJA2vdYz%22%20x1%3D%2220.571%22%20x2%3D%2217.002%22%20y1%3D%225.776%22%20y2%3D%2212.535%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a796f6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23999fff%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/nett.svg?color=%231a73e8&size=48
