neer logo
neer-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- neer-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 neer 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(#SVGHcSWxdhd47)"><path fill="url(#SVGp1oS2cuL)" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 6.63v6.74c0 .07.055.13.125.13h2.75c.075 0 .125-.06.125-.13v-3.245c0-.07.06-.125.13-.125h2.245c.07 0 .125-.06.125-.135V6.63a.125.125 0 0 0-.125-.13h-5.25A.125.125 0 0 0 4 6.63m0 7.99c0-.065.05-.12.12-.12h2.76c.065 0 .12.05.12.12v2.76c0 .065-.05.12-.12.12H4.12a.12.12 0 0 1-.12-.12zm6.5 2.76V6.63c0-.065.055-.125.125-.125h7.23c.03 0 .065.015.09.04l2.02 2.01c.02.025.035.06.035.09v8.735c0 .07-.055.12-.125.12h-2.76c-.07 0-.115-.05-.115-.12v-7.255c0-.07-.065-.125-.135-.125H13.65c-.07 0-.15.05-.15.125v7.255c0 .07-.035.12-.1.12h-2.775c-.07 0-.125-.05-.125-.12"/></g><defs><linearGradient id="SVGp1oS2cuL" x1="6.769" x2="13.654" y1="8.119" y2="18.427" gradientUnits="userSpaceOnUse"><stop stop-color="#0bd4f9"/><stop offset=".34" stop-color="#335df7"/><stop offset=".62" stop-color="#5551cb"/><stop offset=".93" stop-color="#702eb6"/><stop offset="1" stop-color="#4e2ead"/></linearGradient><clipPath id="SVGHcSWxdhd47"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedNeerBackground(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(#SVGHcSWxdhd47)"><path fill="url(#SVGp1oS2cuL)" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 6.63v6.74c0 .07.055.13.125.13h2.75c.075 0 .125-.06.125-.13v-3.245c0-.07.06-.125.13-.125h2.245c.07 0 .125-.06.125-.135V6.63a.125.125 0 0 0-.125-.13h-5.25A.125.125 0 0 0 4 6.63m0 7.99c0-.065.05-.12.12-.12h2.76c.065 0 .12.05.12.12v2.76c0 .065-.05.12-.12.12H4.12a.12.12 0 0 1-.12-.12zm6.5 2.76V6.63c0-.065.055-.125.125-.125h7.23c.03 0 .065.015.09.04l2.02 2.01c.02.025.035.06.035.09v8.735c0 .07-.055.12-.125.12h-2.76c-.07 0-.115-.05-.115-.12v-7.255c0-.07-.065-.125-.135-.125H13.65c-.07 0-.15.05-.15.125v7.255c0 .07-.035.12-.1.12h-2.775c-.07 0-.125-.05-.125-.12"/></g><defs><linearGradient id="SVGp1oS2cuL" x1="6.769" x2="13.654" y1="8.119" y2="18.427" gradientUnits="userSpaceOnUse"><stop stopColor="#0bd4f9"/><stop offset=".34" stopColor="#335df7"/><stop offset=".62" stopColor="#5551cb"/><stop offset=".93" stopColor="#702eb6"/><stop offset="1" stopColor="#4e2ead"/></linearGradient><clipPath id="SVGHcSWxdhd47"><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(#SVGHcSWxdhd47)"><path fill="url(#SVGp1oS2cuL)" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 6.63v6.74c0 .07.055.13.125.13h2.75c.075 0 .125-.06.125-.13v-3.245c0-.07.06-.125.13-.125h2.245c.07 0 .125-.06.125-.135V6.63a.125.125 0 0 0-.125-.13h-5.25A.125.125 0 0 0 4 6.63m0 7.99c0-.065.05-.12.12-.12h2.76c.065 0 .12.05.12.12v2.76c0 .065-.05.12-.12.12H4.12a.12.12 0 0 1-.12-.12zm6.5 2.76V6.63c0-.065.055-.125.125-.125h7.23c.03 0 .065.015.09.04l2.02 2.01c.02.025.035.06.035.09v8.735c0 .07-.055.12-.125.12h-2.76c-.07 0-.115-.05-.115-.12v-7.255c0-.07-.065-.125-.135-.125H13.65c-.07 0-.15.05-.15.125v7.255c0 .07-.035.12-.1.12h-2.775c-.07 0-.125-.05-.125-.12"/></g><defs><linearGradient id="SVGp1oS2cuL" x1="6.769" x2="13.654" y1="8.119" y2="18.427" gradientUnits="userSpaceOnUse"><stop stop-color="#0bd4f9"/><stop offset=".34" stop-color="#335df7"/><stop offset=".62" stop-color="#5551cb"/><stop offset=".93" stop-color="#702eb6"/><stop offset="1" stop-color="#4e2ead"/></linearGradient><clipPath id="SVGHcSWxdhd47"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-neer-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(%23SVGHcSWxdhd47)%22%3E%3Cpath%20fill%3D%22url(%23SVGp1oS2cuL)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%206.63v6.74c0%20.07.055.13.125.13h2.75c.075%200%20.125-.06.125-.13v-3.245c0-.07.06-.125.13-.125h2.245c.07%200%20.125-.06.125-.135V6.63a.125.125%200%200%200-.125-.13h-5.25A.125.125%200%200%200%204%206.63m0%207.99c0-.065.05-.12.12-.12h2.76c.065%200%20.12.05.12.12v2.76c0%20.065-.05.12-.12.12H4.12a.12.12%200%200%201-.12-.12zm6.5%202.76V6.63c0-.065.055-.125.125-.125h7.23c.03%200%20.065.015.09.04l2.02%202.01c.02.025.035.06.035.09v8.735c0%20.07-.055.12-.125.12h-2.76c-.07%200-.115-.05-.115-.12v-7.255c0-.07-.065-.125-.135-.125H13.65c-.07%200-.15.05-.15.125v7.255c0%20.07-.035.12-.1.12h-2.775c-.07%200-.125-.05-.125-.12%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGp1oS2cuL%22%20x1%3D%226.769%22%20x2%3D%2213.654%22%20y1%3D%228.119%22%20y2%3D%2218.427%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230bd4f9%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%23335df7%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22%235551cb%22%2F%3E%3Cstop%20offset%3D%22.93%22%20stop-color%3D%22%23702eb6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234e2ead%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd47%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(%23SVGHcSWxdhd47)%22%3E%3Cpath%20fill%3D%22url(%23SVGp1oS2cuL)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%206.63v6.74c0%20.07.055.13.125.13h2.75c.075%200%20.125-.06.125-.13v-3.245c0-.07.06-.125.13-.125h2.245c.07%200%20.125-.06.125-.135V6.63a.125.125%200%200%200-.125-.13h-5.25A.125.125%200%200%200%204%206.63m0%207.99c0-.065.05-.12.12-.12h2.76c.065%200%20.12.05.12.12v2.76c0%20.065-.05.12-.12.12H4.12a.12.12%200%200%201-.12-.12zm6.5%202.76V6.63c0-.065.055-.125.125-.125h7.23c.03%200%20.065.015.09.04l2.02%202.01c.02.025.035.06.035.09v8.735c0%20.07-.055.12-.125.12h-2.76c-.07%200-.115-.05-.115-.12v-7.255c0-.07-.065-.125-.135-.125H13.65c-.07%200-.15.05-.15.125v7.255c0%20.07-.035.12-.1.12h-2.775c-.07%200-.125-.05-.125-.12%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGp1oS2cuL%22%20x1%3D%226.769%22%20x2%3D%2213.654%22%20y1%3D%228.119%22%20y2%3D%2218.427%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230bd4f9%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%23335df7%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22%235551cb%22%2F%3E%3Cstop%20offset%3D%22.93%22%20stop-color%3D%22%23702eb6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234e2ead%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd47%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/neer-background.svg?color=%231a73e8&size=48
