zano logo
zano-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- zano-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 zano 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(#SVGHcSWxdhd110)"><path fill="url(#SVG2UecDcwB)" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.4 4h1.85c.64 0 1.175 0 1.61.035a3.4 3.4 0 0 1 1.31.335a3.36 3.36 0 0 1 1.465 1.47c.21.42.29.855.33 1.315c.035.44.035.98.035 1.62v1.95c0 .64 0 1.18-.035 1.62a3.5 3.5 0 0 1-.33 1.315a3.37 3.37 0 0 1-1.465 1.475c-.415.21-.85.29-1.31.33c-.435.035-.97.035-1.605.035H9.71a.975.975 0 0 1-.685-1.65l4.5-4.965l1.38 1.36l-2.89 3.255h3.2c1.155 0 2.665.19 2.785-1.315v-4.87c-.065-.785-.485-1.25-1.3-1.315h-4.77c-.79.065-1.325.48-1.38 1.265c-.025.355-.06.87-.05 1.565v.815l-2 .025v-.84c-.01-.65 0-1.19.03-1.635c.035-.465.11-.905.32-1.33a3.7 3.7 0 0 1 1.6-1.49c.42-.22.86-.3 1.32-.34C12.215 4 12.755 4 13.395 4z"/><path fill="#fff" d="M7.3 18h4.825c.78-.06 1.315-.545 1.375-1.32V15.5h2v1.325a3.65 3.65 0 0 1-2.025 2.87c-.385.175-.785.245-1.205.275c-.4.03-.89.03-1.465.03h-2.06c-.635 0-1.17 0-1.605-.035a3.4 3.4 0 0 1-1.31-.335a3.36 3.36 0 0 1-1.465-1.47a3.5 3.5 0 0 1-.33-1.315C4 16.4 4 15.865 4 15.23v-1.97c0-.64 0-1.175.035-1.615c.04-.46.12-.9.33-1.315c.32-.634.833-1.15 1.465-1.475c.415-.21.85-.29 1.31-.33c.435-.035.97-.025 1.605-.025h5.545c.53 0 .965.425.965.96s-.435 1.04-.97 1.04h-5.5c-.685 0-1.14 0-1.49.03c-.78.065-1.23.495-1.295 1.275v4.88c.065.78.515 1.25 1.3 1.315"/></g><defs><linearGradient id="SVG2UecDcwB" x1="14.32" x2="14.32" y1="4.001" y2="15.315" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#19cfd8"/><stop offset=".57" stop-color="#498cfe"/><stop offset="1" stop-color="#4a8ffd"/></linearGradient><clipPath id="SVGHcSWxdhd110"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedZanoBackground(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(#SVGHcSWxdhd110)"><path fill="url(#SVG2UecDcwB)" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.4 4h1.85c.64 0 1.175 0 1.61.035a3.4 3.4 0 0 1 1.31.335a3.36 3.36 0 0 1 1.465 1.47c.21.42.29.855.33 1.315c.035.44.035.98.035 1.62v1.95c0 .64 0 1.18-.035 1.62a3.5 3.5 0 0 1-.33 1.315a3.37 3.37 0 0 1-1.465 1.475c-.415.21-.85.29-1.31.33c-.435.035-.97.035-1.605.035H9.71a.975.975 0 0 1-.685-1.65l4.5-4.965l1.38 1.36l-2.89 3.255h3.2c1.155 0 2.665.19 2.785-1.315v-4.87c-.065-.785-.485-1.25-1.3-1.315h-4.77c-.79.065-1.325.48-1.38 1.265c-.025.355-.06.87-.05 1.565v.815l-2 .025v-.84c-.01-.65 0-1.19.03-1.635c.035-.465.11-.905.32-1.33a3.7 3.7 0 0 1 1.6-1.49c.42-.22.86-.3 1.32-.34C12.215 4 12.755 4 13.395 4z"/><path fill="#fff" d="M7.3 18h4.825c.78-.06 1.315-.545 1.375-1.32V15.5h2v1.325a3.65 3.65 0 0 1-2.025 2.87c-.385.175-.785.245-1.205.275c-.4.03-.89.03-1.465.03h-2.06c-.635 0-1.17 0-1.605-.035a3.4 3.4 0 0 1-1.31-.335a3.36 3.36 0 0 1-1.465-1.47a3.5 3.5 0 0 1-.33-1.315C4 16.4 4 15.865 4 15.23v-1.97c0-.64 0-1.175.035-1.615c.04-.46.12-.9.33-1.315c.32-.634.833-1.15 1.465-1.475c.415-.21.85-.29 1.31-.33c.435-.035.97-.025 1.605-.025h5.545c.53 0 .965.425.965.96s-.435 1.04-.97 1.04h-5.5c-.685 0-1.14 0-1.49.03c-.78.065-1.23.495-1.295 1.275v4.88c.065.78.515 1.25 1.3 1.315"/></g><defs><linearGradient id="SVG2UecDcwB" x1="14.32" x2="14.32" y1="4.001" y2="15.315" gradientUnits="userSpaceOnUse"><stop offset=".15" stopColor="#19cfd8"/><stop offset=".57" stopColor="#498cfe"/><stop offset="1" stopColor="#4a8ffd"/></linearGradient><clipPath id="SVGHcSWxdhd110"><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(#SVGHcSWxdhd110)"><path fill="url(#SVG2UecDcwB)" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.4 4h1.85c.64 0 1.175 0 1.61.035a3.4 3.4 0 0 1 1.31.335a3.36 3.36 0 0 1 1.465 1.47c.21.42.29.855.33 1.315c.035.44.035.98.035 1.62v1.95c0 .64 0 1.18-.035 1.62a3.5 3.5 0 0 1-.33 1.315a3.37 3.37 0 0 1-1.465 1.475c-.415.21-.85.29-1.31.33c-.435.035-.97.035-1.605.035H9.71a.975.975 0 0 1-.685-1.65l4.5-4.965l1.38 1.36l-2.89 3.255h3.2c1.155 0 2.665.19 2.785-1.315v-4.87c-.065-.785-.485-1.25-1.3-1.315h-4.77c-.79.065-1.325.48-1.38 1.265c-.025.355-.06.87-.05 1.565v.815l-2 .025v-.84c-.01-.65 0-1.19.03-1.635c.035-.465.11-.905.32-1.33a3.7 3.7 0 0 1 1.6-1.49c.42-.22.86-.3 1.32-.34C12.215 4 12.755 4 13.395 4z"/><path fill="#fff" d="M7.3 18h4.825c.78-.06 1.315-.545 1.375-1.32V15.5h2v1.325a3.65 3.65 0 0 1-2.025 2.87c-.385.175-.785.245-1.205.275c-.4.03-.89.03-1.465.03h-2.06c-.635 0-1.17 0-1.605-.035a3.4 3.4 0 0 1-1.31-.335a3.36 3.36 0 0 1-1.465-1.47a3.5 3.5 0 0 1-.33-1.315C4 16.4 4 15.865 4 15.23v-1.97c0-.64 0-1.175.035-1.615c.04-.46.12-.9.33-1.315c.32-.634.833-1.15 1.465-1.475c.415-.21.85-.29 1.31-.33c.435-.035.97-.025 1.605-.025h5.545c.53 0 .965.425.965.96s-.435 1.04-.97 1.04h-5.5c-.685 0-1.14 0-1.49.03c-.78.065-1.23.495-1.295 1.275v4.88c.065.78.515 1.25 1.3 1.315"/></g><defs><linearGradient id="SVG2UecDcwB" x1="14.32" x2="14.32" y1="4.001" y2="15.315" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#19cfd8"/><stop offset=".57" stop-color="#498cfe"/><stop offset="1" stop-color="#4a8ffd"/></linearGradient><clipPath id="SVGHcSWxdhd110"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-zano-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(%23SVGHcSWxdhd110)%22%3E%3Cpath%20fill%3D%22url(%23SVG2UecDcwB)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.4%204h1.85c.64%200%201.175%200%201.61.035a3.4%203.4%200%200%201%201.31.335a3.36%203.36%200%200%201%201.465%201.47c.21.42.29.855.33%201.315c.035.44.035.98.035%201.62v1.95c0%20.64%200%201.18-.035%201.62a3.5%203.5%200%200%201-.33%201.315a3.37%203.37%200%200%201-1.465%201.475c-.415.21-.85.29-1.31.33c-.435.035-.97.035-1.605.035H9.71a.975.975%200%200%201-.685-1.65l4.5-4.965l1.38%201.36l-2.89%203.255h3.2c1.155%200%202.665.19%202.785-1.315v-4.87c-.065-.785-.485-1.25-1.3-1.315h-4.77c-.79.065-1.325.48-1.38%201.265c-.025.355-.06.87-.05%201.565v.815l-2%20.025v-.84c-.01-.65%200-1.19.03-1.635c.035-.465.11-.905.32-1.33a3.7%203.7%200%200%201%201.6-1.49c.42-.22.86-.3%201.32-.34C12.215%204%2012.755%204%2013.395%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.3%2018h4.825c.78-.06%201.315-.545%201.375-1.32V15.5h2v1.325a3.65%203.65%200%200%201-2.025%202.87c-.385.175-.785.245-1.205.275c-.4.03-.89.03-1.465.03h-2.06c-.635%200-1.17%200-1.605-.035a3.4%203.4%200%200%201-1.31-.335a3.36%203.36%200%200%201-1.465-1.47a3.5%203.5%200%200%201-.33-1.315C4%2016.4%204%2015.865%204%2015.23v-1.97c0-.64%200-1.175.035-1.615c.04-.46.12-.9.33-1.315c.32-.634.833-1.15%201.465-1.475c.415-.21.85-.29%201.31-.33c.435-.035.97-.025%201.605-.025h5.545c.53%200%20.965.425.965.96s-.435%201.04-.97%201.04h-5.5c-.685%200-1.14%200-1.49.03c-.78.065-1.23.495-1.295%201.275v4.88c.065.78.515%201.25%201.3%201.315%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2UecDcwB%22%20x1%3D%2214.32%22%20x2%3D%2214.32%22%20y1%3D%224.001%22%20y2%3D%2215.315%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%3CclipPath%20id%3D%22SVGHcSWxdhd110%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(%23SVGHcSWxdhd110)%22%3E%3Cpath%20fill%3D%22url(%23SVG2UecDcwB)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.4%204h1.85c.64%200%201.175%200%201.61.035a3.4%203.4%200%200%201%201.31.335a3.36%203.36%200%200%201%201.465%201.47c.21.42.29.855.33%201.315c.035.44.035.98.035%201.62v1.95c0%20.64%200%201.18-.035%201.62a3.5%203.5%200%200%201-.33%201.315a3.37%203.37%200%200%201-1.465%201.475c-.415.21-.85.29-1.31.33c-.435.035-.97.035-1.605.035H9.71a.975.975%200%200%201-.685-1.65l4.5-4.965l1.38%201.36l-2.89%203.255h3.2c1.155%200%202.665.19%202.785-1.315v-4.87c-.065-.785-.485-1.25-1.3-1.315h-4.77c-.79.065-1.325.48-1.38%201.265c-.025.355-.06.87-.05%201.565v.815l-2%20.025v-.84c-.01-.65%200-1.19.03-1.635c.035-.465.11-.905.32-1.33a3.7%203.7%200%200%201%201.6-1.49c.42-.22.86-.3%201.32-.34C12.215%204%2012.755%204%2013.395%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.3%2018h4.825c.78-.06%201.315-.545%201.375-1.32V15.5h2v1.325a3.65%203.65%200%200%201-2.025%202.87c-.385.175-.785.245-1.205.275c-.4.03-.89.03-1.465.03h-2.06c-.635%200-1.17%200-1.605-.035a3.4%203.4%200%200%201-1.31-.335a3.36%203.36%200%200%201-1.465-1.47a3.5%203.5%200%200%201-.33-1.315C4%2016.4%204%2015.865%204%2015.23v-1.97c0-.64%200-1.175.035-1.615c.04-.46.12-.9.33-1.315c.32-.634.833-1.15%201.465-1.475c.415-.21.85-.29%201.31-.33c.435-.035.97-.025%201.605-.025h5.545c.53%200%20.965.425.965.96s-.435%201.04-.97%201.04h-5.5c-.685%200-1.14%200-1.49.03c-.78.065-1.23.495-1.295%201.275v4.88c.065.78.515%201.25%201.3%201.315%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2UecDcwB%22%20x1%3D%2214.32%22%20x2%3D%2214.32%22%20y1%3D%224.001%22%20y2%3D%2215.315%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%3CclipPath%20id%3D%22SVGHcSWxdhd110%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/zano-background.svg?color=%231a73e8&size=48
