zano logo
zano from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- zano
- 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 zano 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(#SVGBB8TLdvc)" d="M13.576 3.001h2.08c.72 0 1.322 0 1.812.04a3.8 3.8 0 0 1 1.474.376a3.78 3.78 0 0 1 1.648 1.654c.236.472.326.962.37 1.48c.04.494.04 1.101.04 1.821v2.194c0 .72 0 1.327-.04 1.822a3.9 3.9 0 0 1-.37 1.48a3.8 3.8 0 0 1-1.648 1.659c-.467.236-.957.326-1.474.371c-.49.04-1.091.04-1.806.04H9.425a1.097 1.097 0 0 1-.77-1.857l5.061-5.585l1.553 1.53l-3.251 3.662h3.6c1.299 0 2.997.213 3.132-1.48V6.73c-.073-.883-.545-1.406-1.462-1.48h-5.366c-.889.074-1.49.54-1.552 1.424c-.028.4-.068.978-.057 1.76v.917l-2.25.028v-.945c-.01-.73 0-1.338.034-1.839c.04-.523.124-1.018.36-1.496a4.14 4.14 0 0 1 1.8-1.676c.473-.248.968-.338 1.485-.383c.5-.039 1.108-.039 1.828-.039z"/><path fill="url(#SVGhUfqBcYL)" d="M6.712 18.75h5.428c.877-.068 1.48-.613 1.547-1.485v-1.328h2.25v1.491a4.1 4.1 0 0 1-2.278 3.229c-.434.196-.884.275-1.356.309c-.45.034-1.001.034-1.648.034H8.338c-.715 0-1.316 0-1.806-.04a3.8 3.8 0 0 1-1.473-.377A3.78 3.78 0 0 1 3.41 18.93a3.9 3.9 0 0 1-.372-1.48C3 16.95 3 16.348 3 15.634v-2.216c0-.72 0-1.322.04-1.817c.044-.518.134-1.013.37-1.48a3.8 3.8 0 0 1 1.65-1.658c.466-.236.956-.326 1.473-.37c.49-.04 1.091-.029 1.806-.029h6.237c.597 0 1.086.478 1.086 1.08s-.49 1.17-1.091 1.17H8.383c-.77 0-1.283 0-1.676.034c-.878.073-1.384.556-1.457 1.434v5.49c.073.877.58 1.406 1.462 1.479"/><defs><linearGradient id="SVGBB8TLdvc" x1="14.611" x2="14.611" y1="3.001" y2="15.729" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#19cfd8"/><stop offset=".57" stop-color="#498cfe"/><stop offset="1" stop-color="#4a8ffd"/></linearGradient><linearGradient id="SVGhUfqBcYL" x1="12.056" x2="12.219" y1="9.469" y2="19.886" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#4a8ffd"/><stop offset=".95" stop-color="#2950ff"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedZano(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(#SVGBB8TLdvc)" d="M13.576 3.001h2.08c.72 0 1.322 0 1.812.04a3.8 3.8 0 0 1 1.474.376a3.78 3.78 0 0 1 1.648 1.654c.236.472.326.962.37 1.48c.04.494.04 1.101.04 1.821v2.194c0 .72 0 1.327-.04 1.822a3.9 3.9 0 0 1-.37 1.48a3.8 3.8 0 0 1-1.648 1.659c-.467.236-.957.326-1.474.371c-.49.04-1.091.04-1.806.04H9.425a1.097 1.097 0 0 1-.77-1.857l5.061-5.585l1.553 1.53l-3.251 3.662h3.6c1.299 0 2.997.213 3.132-1.48V6.73c-.073-.883-.545-1.406-1.462-1.48h-5.366c-.889.074-1.49.54-1.552 1.424c-.028.4-.068.978-.057 1.76v.917l-2.25.028v-.945c-.01-.73 0-1.338.034-1.839c.04-.523.124-1.018.36-1.496a4.14 4.14 0 0 1 1.8-1.676c.473-.248.968-.338 1.485-.383c.5-.039 1.108-.039 1.828-.039z"/><path fill="url(#SVGhUfqBcYL)" d="M6.712 18.75h5.428c.877-.068 1.48-.613 1.547-1.485v-1.328h2.25v1.491a4.1 4.1 0 0 1-2.278 3.229c-.434.196-.884.275-1.356.309c-.45.034-1.001.034-1.648.034H8.338c-.715 0-1.316 0-1.806-.04a3.8 3.8 0 0 1-1.473-.377A3.78 3.78 0 0 1 3.41 18.93a3.9 3.9 0 0 1-.372-1.48C3 16.95 3 16.348 3 15.634v-2.216c0-.72 0-1.322.04-1.817c.044-.518.134-1.013.37-1.48a3.8 3.8 0 0 1 1.65-1.658c.466-.236.956-.326 1.473-.37c.49-.04 1.091-.029 1.806-.029h6.237c.597 0 1.086.478 1.086 1.08s-.49 1.17-1.091 1.17H8.383c-.77 0-1.283 0-1.676.034c-.878.073-1.384.556-1.457 1.434v5.49c.073.877.58 1.406 1.462 1.479"/><defs><linearGradient id="SVGBB8TLdvc" x1="14.611" x2="14.611" y1="3.001" y2="15.729" gradientUnits="userSpaceOnUse"><stop offset=".15" stopColor="#19cfd8"/><stop offset=".57" stopColor="#498cfe"/><stop offset="1" stopColor="#4a8ffd"/></linearGradient><linearGradient id="SVGhUfqBcYL" x1="12.056" x2="12.219" y1="9.469" y2="19.886" gradientUnits="userSpaceOnUse"><stop offset=".01" stopColor="#4a8ffd"/><stop offset=".95" stopColor="#2950ff"/></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(#SVGBB8TLdvc)" d="M13.576 3.001h2.08c.72 0 1.322 0 1.812.04a3.8 3.8 0 0 1 1.474.376a3.78 3.78 0 0 1 1.648 1.654c.236.472.326.962.37 1.48c.04.494.04 1.101.04 1.821v2.194c0 .72 0 1.327-.04 1.822a3.9 3.9 0 0 1-.37 1.48a3.8 3.8 0 0 1-1.648 1.659c-.467.236-.957.326-1.474.371c-.49.04-1.091.04-1.806.04H9.425a1.097 1.097 0 0 1-.77-1.857l5.061-5.585l1.553 1.53l-3.251 3.662h3.6c1.299 0 2.997.213 3.132-1.48V6.73c-.073-.883-.545-1.406-1.462-1.48h-5.366c-.889.074-1.49.54-1.552 1.424c-.028.4-.068.978-.057 1.76v.917l-2.25.028v-.945c-.01-.73 0-1.338.034-1.839c.04-.523.124-1.018.36-1.496a4.14 4.14 0 0 1 1.8-1.676c.473-.248.968-.338 1.485-.383c.5-.039 1.108-.039 1.828-.039z"/><path fill="url(#SVGhUfqBcYL)" d="M6.712 18.75h5.428c.877-.068 1.48-.613 1.547-1.485v-1.328h2.25v1.491a4.1 4.1 0 0 1-2.278 3.229c-.434.196-.884.275-1.356.309c-.45.034-1.001.034-1.648.034H8.338c-.715 0-1.316 0-1.806-.04a3.8 3.8 0 0 1-1.473-.377A3.78 3.78 0 0 1 3.41 18.93a3.9 3.9 0 0 1-.372-1.48C3 16.95 3 16.348 3 15.634v-2.216c0-.72 0-1.322.04-1.817c.044-.518.134-1.013.37-1.48a3.8 3.8 0 0 1 1.65-1.658c.466-.236.956-.326 1.473-.37c.49-.04 1.091-.029 1.806-.029h6.237c.597 0 1.086.478 1.086 1.08s-.49 1.17-1.091 1.17H8.383c-.77 0-1.283 0-1.676.034c-.878.073-1.384.556-1.457 1.434v5.49c.073.877.58 1.406 1.462 1.479"/><defs><linearGradient id="SVGBB8TLdvc" x1="14.611" x2="14.611" y1="3.001" y2="15.729" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#19cfd8"/><stop offset=".57" stop-color="#498cfe"/><stop offset="1" stop-color="#4a8ffd"/></linearGradient><linearGradient id="SVGhUfqBcYL" x1="12.056" x2="12.219" y1="9.469" y2="19.886" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#4a8ffd"/><stop offset=".95" stop-color="#2950ff"/></linearGradient></defs></g></svg> </template>
CSS
.icon-zano {
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(%23SVGBB8TLdvc)%22%20d%3D%22M13.576%203.001h2.08c.72%200%201.322%200%201.812.04a3.8%203.8%200%200%201%201.474.376a3.78%203.78%200%200%201%201.648%201.654c.236.472.326.962.37%201.48c.04.494.04%201.101.04%201.821v2.194c0%20.72%200%201.327-.04%201.822a3.9%203.9%200%200%201-.37%201.48a3.8%203.8%200%200%201-1.648%201.659c-.467.236-.957.326-1.474.371c-.49.04-1.091.04-1.806.04H9.425a1.097%201.097%200%200%201-.77-1.857l5.061-5.585l1.553%201.53l-3.251%203.662h3.6c1.299%200%202.997.213%203.132-1.48V6.73c-.073-.883-.545-1.406-1.462-1.48h-5.366c-.889.074-1.49.54-1.552%201.424c-.028.4-.068.978-.057%201.76v.917l-2.25.028v-.945c-.01-.73%200-1.338.034-1.839c.04-.523.124-1.018.36-1.496a4.14%204.14%200%200%201%201.8-1.676c.473-.248.968-.338%201.485-.383c.5-.039%201.108-.039%201.828-.039z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhUfqBcYL)%22%20d%3D%22M6.712%2018.75h5.428c.877-.068%201.48-.613%201.547-1.485v-1.328h2.25v1.491a4.1%204.1%200%200%201-2.278%203.229c-.434.196-.884.275-1.356.309c-.45.034-1.001.034-1.648.034H8.338c-.715%200-1.316%200-1.806-.04a3.8%203.8%200%200%201-1.473-.377A3.78%203.78%200%200%201%203.41%2018.93a3.9%203.9%200%200%201-.372-1.48C3%2016.95%203%2016.348%203%2015.634v-2.216c0-.72%200-1.322.04-1.817c.044-.518.134-1.013.37-1.48a3.8%203.8%200%200%201%201.65-1.658c.466-.236.956-.326%201.473-.37c.49-.04%201.091-.029%201.806-.029h6.237c.597%200%201.086.478%201.086%201.08s-.49%201.17-1.091%201.17H8.383c-.77%200-1.283%200-1.676.034c-.878.073-1.384.556-1.457%201.434v5.49c.073.877.58%201.406%201.462%201.479%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGBB8TLdvc%22%20x1%3D%2214.611%22%20x2%3D%2214.611%22%20y1%3D%223.001%22%20y2%3D%2215.729%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%2319cfd8%22%2F%3E%3Cstop%20offset%3D%22.57%22%20stop-color%3D%22%23498cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a8ffd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhUfqBcYL%22%20x1%3D%2212.056%22%20x2%3D%2212.219%22%20y1%3D%229.469%22%20y2%3D%2219.886%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.01%22%20stop-color%3D%22%234a8ffd%22%2F%3E%3Cstop%20offset%3D%22.95%22%20stop-color%3D%22%232950ff%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(%23SVGBB8TLdvc)%22%20d%3D%22M13.576%203.001h2.08c.72%200%201.322%200%201.812.04a3.8%203.8%200%200%201%201.474.376a3.78%203.78%200%200%201%201.648%201.654c.236.472.326.962.37%201.48c.04.494.04%201.101.04%201.821v2.194c0%20.72%200%201.327-.04%201.822a3.9%203.9%200%200%201-.37%201.48a3.8%203.8%200%200%201-1.648%201.659c-.467.236-.957.326-1.474.371c-.49.04-1.091.04-1.806.04H9.425a1.097%201.097%200%200%201-.77-1.857l5.061-5.585l1.553%201.53l-3.251%203.662h3.6c1.299%200%202.997.213%203.132-1.48V6.73c-.073-.883-.545-1.406-1.462-1.48h-5.366c-.889.074-1.49.54-1.552%201.424c-.028.4-.068.978-.057%201.76v.917l-2.25.028v-.945c-.01-.73%200-1.338.034-1.839c.04-.523.124-1.018.36-1.496a4.14%204.14%200%200%201%201.8-1.676c.473-.248.968-.338%201.485-.383c.5-.039%201.108-.039%201.828-.039z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhUfqBcYL)%22%20d%3D%22M6.712%2018.75h5.428c.877-.068%201.48-.613%201.547-1.485v-1.328h2.25v1.491a4.1%204.1%200%200%201-2.278%203.229c-.434.196-.884.275-1.356.309c-.45.034-1.001.034-1.648.034H8.338c-.715%200-1.316%200-1.806-.04a3.8%203.8%200%200%201-1.473-.377A3.78%203.78%200%200%201%203.41%2018.93a3.9%203.9%200%200%201-.372-1.48C3%2016.95%203%2016.348%203%2015.634v-2.216c0-.72%200-1.322.04-1.817c.044-.518.134-1.013.37-1.48a3.8%203.8%200%200%201%201.65-1.658c.466-.236.956-.326%201.473-.37c.49-.04%201.091-.029%201.806-.029h6.237c.597%200%201.086.478%201.086%201.08s-.49%201.17-1.091%201.17H8.383c-.77%200-1.283%200-1.676.034c-.878.073-1.384.556-1.457%201.434v5.49c.073.877.58%201.406%201.462%201.479%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGBB8TLdvc%22%20x1%3D%2214.611%22%20x2%3D%2214.611%22%20y1%3D%223.001%22%20y2%3D%2215.729%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%2319cfd8%22%2F%3E%3Cstop%20offset%3D%22.57%22%20stop-color%3D%22%23498cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a8ffd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhUfqBcYL%22%20x1%3D%2212.056%22%20x2%3D%2212.219%22%20y1%3D%229.469%22%20y2%3D%2219.886%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.01%22%20stop-color%3D%22%234a8ffd%22%2F%3E%3Cstop%20offset%3D%22.95%22%20stop-color%3D%22%232950ff%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/zano.svg?color=%231a73e8&size=48
