nett logo
nett from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- nett
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="m8.149 12l-5 6.214c-.175-.103-.16-.391-.133-.525L4.256 12zm3.565 2.546L8.155 12l-5.01 6.224c.113.139.396.103.52.062zM8.154 12H4.25a1221 1221 0 0 1 1.739-6.141c.051-.17.22-.299.303-.34z"/><path fill="currentColor" d="M6.853 5.523c-.216-.144-.463-.061-.566 0l1.872 6.481l8.38.51C13.4 10.27 7.073 5.673 6.852 5.524"/><path fill="currentColor" d="M11.72 14.562L8.15 12l3.96.21z"/><path fill="currentColor" 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="currentColor" d="M20.2 12.422h-3.754l2.52 6.214c.32-.072.504-.402.546-.551l.689-5.658z"/><path fill="currentColor" d="M16.483 12.514L12.522 9.63l7.612-4.182c.067-.072.278-.19.577-.103s.308.442.277.607l-.802 6.563z"/></svg>
React
import type { SVGProps } from "react";
export function TokenNett(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.149 12l-5 6.214c-.175-.103-.16-.391-.133-.525L4.256 12zm3.565 2.546L8.155 12l-5.01 6.224c.113.139.396.103.52.062zM8.154 12H4.25a1221 1221 0 0 1 1.739-6.141c.051-.17.22-.299.303-.34z"/><path fill="currentColor" d="M6.853 5.523c-.216-.144-.463-.061-.566 0l1.872 6.481l8.38.51C13.4 10.27 7.073 5.673 6.852 5.524"/><path fill="currentColor" d="M11.72 14.562L8.15 12l3.96.21z"/><path fill="currentColor" 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="currentColor" d="M20.2 12.422h-3.754l2.52 6.214c.32-.072.504-.402.546-.551l.689-5.658z"/><path fill="currentColor" d="M16.483 12.514L12.522 9.63l7.612-4.182c.067-.072.278-.19.577-.103s.308.442.277.607l-.802 6.563z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.149 12l-5 6.214c-.175-.103-.16-.391-.133-.525L4.256 12zm3.565 2.546L8.155 12l-5.01 6.224c.113.139.396.103.52.062zM8.154 12H4.25a1221 1221 0 0 1 1.739-6.141c.051-.17.22-.299.303-.34z"/><path fill="currentColor" d="M6.853 5.523c-.216-.144-.463-.061-.566 0l1.872 6.481l8.38.51C13.4 10.27 7.073 5.673 6.852 5.524"/><path fill="currentColor" d="M11.72 14.562L8.15 12l3.96.21z"/><path fill="currentColor" 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="currentColor" d="M20.2 12.422h-3.754l2.52 6.214c.32-.072.504-.402.546-.551l.689-5.658z"/><path fill="currentColor" d="M16.483 12.514L12.522 9.63l7.612-4.182c.067-.072.278-.19.577-.103s.308.442.277.607l-.802 6.563z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.149%2012l-5%206.214c-.175-.103-.16-.391-.133-.525L4.256%2012zm3.565%202.546L8.155%2012l-5.01%206.224c.113.139.396.103.52.062zM8.154%2012H4.25a1221%201221%200%200%201%201.739-6.141c.051-.17.22-.299.303-.34z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.853%205.523c-.216-.144-.463-.061-.566%200l1.872%206.481l8.38.51C13.4%2010.27%207.073%205.673%206.852%205.524%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.72%2014.562L8.15%2012l3.96.21z%22%2F%3E%3Cpath%20fill%3D%22currentColor%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%22currentColor%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%22currentColor%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%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.149%2012l-5%206.214c-.175-.103-.16-.391-.133-.525L4.256%2012zm3.565%202.546L8.155%2012l-5.01%206.224c.113.139.396.103.52.062zM8.154%2012H4.25a1221%201221%200%200%201%201.739-6.141c.051-.17.22-.299.303-.34z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.853%205.523c-.216-.144-.463-.061-.566%200l1.872%206.481l8.38.51C13.4%2010.27%207.073%205.673%206.852%205.524%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.72%2014.562L8.15%2012l3.96.21z%22%2F%3E%3Cpath%20fill%3D%22currentColor%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%22currentColor%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%22currentColor%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%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/nett.svg?color=%231a73e8&size=48
