nebo logo
nebo from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- nebo
- 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 nebo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="M20.996 3v8.546c-.011 2.502-.841 4.97-2.688 6.822a8.96 8.96 0 0 1-12.685 0A9 9 0 0 1 10.749 3.11A13 13 0 0 1 12.34 3zm-.58.58H12.34c-.493-.023-1.01.053-1.51.117a8.407 8.407 0 0 0-4.79 14.247a8.36 8.36 0 0 0 11.845 0c1.759-1.76 2.52-4.03 2.53-6.398z"/><path fill="url(#SVGtOyRYbeJ)" d="M19.155 14.322a7.514 7.514 0 0 1-12.158 3.246l2.19-2.195c2.554 2.206 6.838 1.742 9.968-1.05M9.674 4.86C6.875 7.965 6.417 12.232 8.6 14.787L6.405 16.98A7.5 7.5 0 0 1 9.674 4.853zm9.852 3.814c.006-.006 0 .006 0 0v4.012a7 7 0 0 1-.575.638c-2.833 2.84-6.85 3.385-9.167 1.446l2.48-2.479c1.364.871 3.912.052 5.95-1.985l.18-.18c.197-.21.389-.43.557-.645l.093-.116h.006l.017-.03l.035-.04l.018-.023c.15-.197.29-.406.412-.604zm-4.261-4.186q-.33.21-.662.465l-.105.087q-.33.261-.644.557l-.186.174c-2.032 2.032-2.85 4.575-1.991 5.945l-2.473 2.468c-1.916-2.317-1.365-6.311 1.463-9.138c.174-.18.65-.57.65-.57zm4.284-.017V6.59q-.154.541-.412 1.045q-.337.664-.801 1.248a10 10 0 0 1-.551.65l-.18.18a7.4 7.4 0 0 1-3.118 1.945c-.894.25-1.58.145-1.945-.22c-.36-.36-.465-1.045-.215-1.945a7.4 7.4 0 0 1 1.945-3.118l.18-.174a8.3 8.3 0 0 1 1.898-1.353c.302-.15.604-.279.894-.371h.012l2.305-.006z"/><defs><linearGradient id="SVGtOyRYbeJ" x1="18.806" x2="6.463" y1="5.01" y2="17.736" gradientUnits="userSpaceOnUse"><stop stop-color="#49fdff"/><stop offset="1" stop-color="#00afad"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedNebo(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="#fff" d="M20.996 3v8.546c-.011 2.502-.841 4.97-2.688 6.822a8.96 8.96 0 0 1-12.685 0A9 9 0 0 1 10.749 3.11A13 13 0 0 1 12.34 3zm-.58.58H12.34c-.493-.023-1.01.053-1.51.117a8.407 8.407 0 0 0-4.79 14.247a8.36 8.36 0 0 0 11.845 0c1.759-1.76 2.52-4.03 2.53-6.398z"/><path fill="url(#SVGtOyRYbeJ)" d="M19.155 14.322a7.514 7.514 0 0 1-12.158 3.246l2.19-2.195c2.554 2.206 6.838 1.742 9.968-1.05M9.674 4.86C6.875 7.965 6.417 12.232 8.6 14.787L6.405 16.98A7.5 7.5 0 0 1 9.674 4.853zm9.852 3.814c.006-.006 0 .006 0 0v4.012a7 7 0 0 1-.575.638c-2.833 2.84-6.85 3.385-9.167 1.446l2.48-2.479c1.364.871 3.912.052 5.95-1.985l.18-.18c.197-.21.389-.43.557-.645l.093-.116h.006l.017-.03l.035-.04l.018-.023c.15-.197.29-.406.412-.604zm-4.261-4.186q-.33.21-.662.465l-.105.087q-.33.261-.644.557l-.186.174c-2.032 2.032-2.85 4.575-1.991 5.945l-2.473 2.468c-1.916-2.317-1.365-6.311 1.463-9.138c.174-.18.65-.57.65-.57zm4.284-.017V6.59q-.154.541-.412 1.045q-.337.664-.801 1.248a10 10 0 0 1-.551.65l-.18.18a7.4 7.4 0 0 1-3.118 1.945c-.894.25-1.58.145-1.945-.22c-.36-.36-.465-1.045-.215-1.945a7.4 7.4 0 0 1 1.945-3.118l.18-.174a8.3 8.3 0 0 1 1.898-1.353c.302-.15.604-.279.894-.371h.012l2.305-.006z"/><defs><linearGradient id="SVGtOyRYbeJ" x1="18.806" x2="6.463" y1="5.01" y2="17.736" gradientUnits="userSpaceOnUse"><stop stopColor="#49fdff"/><stop offset="1" stopColor="#00afad"/></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="#fff" d="M20.996 3v8.546c-.011 2.502-.841 4.97-2.688 6.822a8.96 8.96 0 0 1-12.685 0A9 9 0 0 1 10.749 3.11A13 13 0 0 1 12.34 3zm-.58.58H12.34c-.493-.023-1.01.053-1.51.117a8.407 8.407 0 0 0-4.79 14.247a8.36 8.36 0 0 0 11.845 0c1.759-1.76 2.52-4.03 2.53-6.398z"/><path fill="url(#SVGtOyRYbeJ)" d="M19.155 14.322a7.514 7.514 0 0 1-12.158 3.246l2.19-2.195c2.554 2.206 6.838 1.742 9.968-1.05M9.674 4.86C6.875 7.965 6.417 12.232 8.6 14.787L6.405 16.98A7.5 7.5 0 0 1 9.674 4.853zm9.852 3.814c.006-.006 0 .006 0 0v4.012a7 7 0 0 1-.575.638c-2.833 2.84-6.85 3.385-9.167 1.446l2.48-2.479c1.364.871 3.912.052 5.95-1.985l.18-.18c.197-.21.389-.43.557-.645l.093-.116h.006l.017-.03l.035-.04l.018-.023c.15-.197.29-.406.412-.604zm-4.261-4.186q-.33.21-.662.465l-.105.087q-.33.261-.644.557l-.186.174c-2.032 2.032-2.85 4.575-1.991 5.945l-2.473 2.468c-1.916-2.317-1.365-6.311 1.463-9.138c.174-.18.65-.57.65-.57zm4.284-.017V6.59q-.154.541-.412 1.045q-.337.664-.801 1.248a10 10 0 0 1-.551.65l-.18.18a7.4 7.4 0 0 1-3.118 1.945c-.894.25-1.58.145-1.945-.22c-.36-.36-.465-1.045-.215-1.945a7.4 7.4 0 0 1 1.945-3.118l.18-.174a8.3 8.3 0 0 1 1.898-1.353c.302-.15.604-.279.894-.371h.012l2.305-.006z"/><defs><linearGradient id="SVGtOyRYbeJ" x1="18.806" x2="6.463" y1="5.01" y2="17.736" gradientUnits="userSpaceOnUse"><stop stop-color="#49fdff"/><stop offset="1" stop-color="#00afad"/></linearGradient></defs></g></svg> </template>
CSS
.icon-nebo {
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%22%23fff%22%20d%3D%22M20.996%203v8.546c-.011%202.502-.841%204.97-2.688%206.822a8.96%208.96%200%200%201-12.685%200A9%209%200%200%201%2010.749%203.11A13%2013%200%200%201%2012.34%203zm-.58.58H12.34c-.493-.023-1.01.053-1.51.117a8.407%208.407%200%200%200-4.79%2014.247a8.36%208.36%200%200%200%2011.845%200c1.759-1.76%202.52-4.03%202.53-6.398z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtOyRYbeJ)%22%20d%3D%22M19.155%2014.322a7.514%207.514%200%200%201-12.158%203.246l2.19-2.195c2.554%202.206%206.838%201.742%209.968-1.05M9.674%204.86C6.875%207.965%206.417%2012.232%208.6%2014.787L6.405%2016.98A7.5%207.5%200%200%201%209.674%204.853zm9.852%203.814c.006-.006%200%20.006%200%200v4.012a7%207%200%200%201-.575.638c-2.833%202.84-6.85%203.385-9.167%201.446l2.48-2.479c1.364.871%203.912.052%205.95-1.985l.18-.18c.197-.21.389-.43.557-.645l.093-.116h.006l.017-.03l.035-.04l.018-.023c.15-.197.29-.406.412-.604zm-4.261-4.186q-.33.21-.662.465l-.105.087q-.33.261-.644.557l-.186.174c-2.032%202.032-2.85%204.575-1.991%205.945l-2.473%202.468c-1.916-2.317-1.365-6.311%201.463-9.138c.174-.18.65-.57.65-.57zm4.284-.017V6.59q-.154.541-.412%201.045q-.337.664-.801%201.248a10%2010%200%200%201-.551.65l-.18.18a7.4%207.4%200%200%201-3.118%201.945c-.894.25-1.58.145-1.945-.22c-.36-.36-.465-1.045-.215-1.945a7.4%207.4%200%200%201%201.945-3.118l.18-.174a8.3%208.3%200%200%201%201.898-1.353c.302-.15.604-.279.894-.371h.012l2.305-.006z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtOyRYbeJ%22%20x1%3D%2218.806%22%20x2%3D%226.463%22%20y1%3D%225.01%22%20y2%3D%2217.736%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2349fdff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300afad%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%22%23fff%22%20d%3D%22M20.996%203v8.546c-.011%202.502-.841%204.97-2.688%206.822a8.96%208.96%200%200%201-12.685%200A9%209%200%200%201%2010.749%203.11A13%2013%200%200%201%2012.34%203zm-.58.58H12.34c-.493-.023-1.01.053-1.51.117a8.407%208.407%200%200%200-4.79%2014.247a8.36%208.36%200%200%200%2011.845%200c1.759-1.76%202.52-4.03%202.53-6.398z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtOyRYbeJ)%22%20d%3D%22M19.155%2014.322a7.514%207.514%200%200%201-12.158%203.246l2.19-2.195c2.554%202.206%206.838%201.742%209.968-1.05M9.674%204.86C6.875%207.965%206.417%2012.232%208.6%2014.787L6.405%2016.98A7.5%207.5%200%200%201%209.674%204.853zm9.852%203.814c.006-.006%200%20.006%200%200v4.012a7%207%200%200%201-.575.638c-2.833%202.84-6.85%203.385-9.167%201.446l2.48-2.479c1.364.871%203.912.052%205.95-1.985l.18-.18c.197-.21.389-.43.557-.645l.093-.116h.006l.017-.03l.035-.04l.018-.023c.15-.197.29-.406.412-.604zm-4.261-4.186q-.33.21-.662.465l-.105.087q-.33.261-.644.557l-.186.174c-2.032%202.032-2.85%204.575-1.991%205.945l-2.473%202.468c-1.916-2.317-1.365-6.311%201.463-9.138c.174-.18.65-.57.65-.57zm4.284-.017V6.59q-.154.541-.412%201.045q-.337.664-.801%201.248a10%2010%200%200%201-.551.65l-.18.18a7.4%207.4%200%200%201-3.118%201.945c-.894.25-1.58.145-1.945-.22c-.36-.36-.465-1.045-.215-1.945a7.4%207.4%200%200%201%201.945-3.118l.18-.174a8.3%208.3%200%200%201%201.898-1.353c.302-.15.604-.279.894-.371h.012l2.305-.006z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtOyRYbeJ%22%20x1%3D%2218.806%22%20x2%3D%226.463%22%20y1%3D%225.01%22%20y2%3D%2217.736%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2349fdff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300afad%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/nebo.svg?color=%231a73e8&size=48
