gzil logo
gzil-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- gzil-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 gzil 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(#SVGHcSWxdhd100)"><path fill="url(#SVG7wAOmbEc)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.76 5.412h3.986l.099.009c.988.019 1.976.07 2.95.25c.55.098 1.083.249 1.581.503a2.55 2.55 0 0 1 1.342 1.487c.202.598.282 1.21.282 1.835v.15h-3.294l-.014-.32a1.3 1.3 0 0 0-.043-.234c-.249-.932-1.75-.847-2.498-.857c-1.478 0-2.96 0-4.438.01c-.847.009-1.675.197-2.099 1.007a3.2 3.2 0 0 0-.32 1.336h4.188l-.117.07c-1.356.834-2.645 1.751-4 2.58c-.057.032-.08.07-.07.131c.037.32.056.64.112.956c.061.371.16.696.47.94c.227.175.495.283.777.34a7.7 7.7 0 0 0 1.61.16h3.02c.688 0 1.403-.024 2.085-.132c.645-.108 1.318-.386 1.337-1.144c.019-.404 0-.668 0-1.078H12l.33-.192c1.369-.843 2.95-1.793 4.324-2.63H20v.178c0 .696-.014 1.393-.014 2.094c0 .598-.005 1.195-.066 1.798c-.047.498-.122.997-.282 1.473a2.92 2.92 0 0 1-1.445 1.745a4.9 4.9 0 0 1-1.435.471c-.857.16-1.723.221-2.598.23c-1.162.01-2.325.005-3.482.01c-.82 0-1.638 0-2.452-.085a8.5 8.5 0 0 1-1.553-.273a3.18 3.18 0 0 1-2.381-2.32a8 8 0 0 1-.26-1.623L4 13.844v-3.162l.01-.07c.032-.438.056-.871.103-1.304a6 6 0 0 1 .292-1.374c.282-.786.762-1.407 1.515-1.816c.532-.283 1.101-.433 1.694-.532a15 15 0 0 1 2.024-.17c.047.005.084 0 .122-.004"/><path fill="#fff" d="m6.932 13.128l.108-.42c.01-.046.033-.075.08-.098c.81-.377 1.62-.753 2.42-1.144c.992-.489 1.98-.997 2.964-1.496l.419-.207a.1.1 0 0 1 .07-.014l-5.84 3.59c-.075-.06-.14-.122-.22-.178v-.038zm3.138 1.459c2.034-1.261 4.551-2.739 6.589-4c.099.117.024.32.118.442c.028.033.023.094.028.141c.01.08.038.17.005.226c-.033.052-.127.075-.198.108c-2.047.975-4.499 2.104-6.541 3.083"/></g><defs><linearGradient id="SVG7wAOmbEc" x1="12.009" x2="12.009" y1="18.428" y2="5.365" gradientUnits="userSpaceOnUse"><stop stop-color="#009c8b"/><stop offset=".5" stop-color="#3f2d87"/><stop offset="1" stop-color="#aa2b87"/></linearGradient><clipPath id="SVGHcSWxdhd100"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedGzilBackground(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(#SVGHcSWxdhd100)"><path fill="url(#SVG7wAOmbEc)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.76 5.412h3.986l.099.009c.988.019 1.976.07 2.95.25c.55.098 1.083.249 1.581.503a2.55 2.55 0 0 1 1.342 1.487c.202.598.282 1.21.282 1.835v.15h-3.294l-.014-.32a1.3 1.3 0 0 0-.043-.234c-.249-.932-1.75-.847-2.498-.857c-1.478 0-2.96 0-4.438.01c-.847.009-1.675.197-2.099 1.007a3.2 3.2 0 0 0-.32 1.336h4.188l-.117.07c-1.356.834-2.645 1.751-4 2.58c-.057.032-.08.07-.07.131c.037.32.056.64.112.956c.061.371.16.696.47.94c.227.175.495.283.777.34a7.7 7.7 0 0 0 1.61.16h3.02c.688 0 1.403-.024 2.085-.132c.645-.108 1.318-.386 1.337-1.144c.019-.404 0-.668 0-1.078H12l.33-.192c1.369-.843 2.95-1.793 4.324-2.63H20v.178c0 .696-.014 1.393-.014 2.094c0 .598-.005 1.195-.066 1.798c-.047.498-.122.997-.282 1.473a2.92 2.92 0 0 1-1.445 1.745a4.9 4.9 0 0 1-1.435.471c-.857.16-1.723.221-2.598.23c-1.162.01-2.325.005-3.482.01c-.82 0-1.638 0-2.452-.085a8.5 8.5 0 0 1-1.553-.273a3.18 3.18 0 0 1-2.381-2.32a8 8 0 0 1-.26-1.623L4 13.844v-3.162l.01-.07c.032-.438.056-.871.103-1.304a6 6 0 0 1 .292-1.374c.282-.786.762-1.407 1.515-1.816c.532-.283 1.101-.433 1.694-.532a15 15 0 0 1 2.024-.17c.047.005.084 0 .122-.004"/><path fill="#fff" d="m6.932 13.128l.108-.42c.01-.046.033-.075.08-.098c.81-.377 1.62-.753 2.42-1.144c.992-.489 1.98-.997 2.964-1.496l.419-.207a.1.1 0 0 1 .07-.014l-5.84 3.59c-.075-.06-.14-.122-.22-.178v-.038zm3.138 1.459c2.034-1.261 4.551-2.739 6.589-4c.099.117.024.32.118.442c.028.033.023.094.028.141c.01.08.038.17.005.226c-.033.052-.127.075-.198.108c-2.047.975-4.499 2.104-6.541 3.083"/></g><defs><linearGradient id="SVG7wAOmbEc" x1="12.009" x2="12.009" y1="18.428" y2="5.365" gradientUnits="userSpaceOnUse"><stop stopColor="#009c8b"/><stop offset=".5" stopColor="#3f2d87"/><stop offset="1" stopColor="#aa2b87"/></linearGradient><clipPath id="SVGHcSWxdhd100"><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(#SVGHcSWxdhd100)"><path fill="url(#SVG7wAOmbEc)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.76 5.412h3.986l.099.009c.988.019 1.976.07 2.95.25c.55.098 1.083.249 1.581.503a2.55 2.55 0 0 1 1.342 1.487c.202.598.282 1.21.282 1.835v.15h-3.294l-.014-.32a1.3 1.3 0 0 0-.043-.234c-.249-.932-1.75-.847-2.498-.857c-1.478 0-2.96 0-4.438.01c-.847.009-1.675.197-2.099 1.007a3.2 3.2 0 0 0-.32 1.336h4.188l-.117.07c-1.356.834-2.645 1.751-4 2.58c-.057.032-.08.07-.07.131c.037.32.056.64.112.956c.061.371.16.696.47.94c.227.175.495.283.777.34a7.7 7.7 0 0 0 1.61.16h3.02c.688 0 1.403-.024 2.085-.132c.645-.108 1.318-.386 1.337-1.144c.019-.404 0-.668 0-1.078H12l.33-.192c1.369-.843 2.95-1.793 4.324-2.63H20v.178c0 .696-.014 1.393-.014 2.094c0 .598-.005 1.195-.066 1.798c-.047.498-.122.997-.282 1.473a2.92 2.92 0 0 1-1.445 1.745a4.9 4.9 0 0 1-1.435.471c-.857.16-1.723.221-2.598.23c-1.162.01-2.325.005-3.482.01c-.82 0-1.638 0-2.452-.085a8.5 8.5 0 0 1-1.553-.273a3.18 3.18 0 0 1-2.381-2.32a8 8 0 0 1-.26-1.623L4 13.844v-3.162l.01-.07c.032-.438.056-.871.103-1.304a6 6 0 0 1 .292-1.374c.282-.786.762-1.407 1.515-1.816c.532-.283 1.101-.433 1.694-.532a15 15 0 0 1 2.024-.17c.047.005.084 0 .122-.004"/><path fill="#fff" d="m6.932 13.128l.108-.42c.01-.046.033-.075.08-.098c.81-.377 1.62-.753 2.42-1.144c.992-.489 1.98-.997 2.964-1.496l.419-.207a.1.1 0 0 1 .07-.014l-5.84 3.59c-.075-.06-.14-.122-.22-.178v-.038zm3.138 1.459c2.034-1.261 4.551-2.739 6.589-4c.099.117.024.32.118.442c.028.033.023.094.028.141c.01.08.038.17.005.226c-.033.052-.127.075-.198.108c-2.047.975-4.499 2.104-6.541 3.083"/></g><defs><linearGradient id="SVG7wAOmbEc" x1="12.009" x2="12.009" y1="18.428" y2="5.365" gradientUnits="userSpaceOnUse"><stop stop-color="#009c8b"/><stop offset=".5" stop-color="#3f2d87"/><stop offset="1" stop-color="#aa2b87"/></linearGradient><clipPath id="SVGHcSWxdhd100"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-gzil-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(%23SVGHcSWxdhd100)%22%3E%3Cpath%20fill%3D%22url(%23SVG7wAOmbEc)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.76%205.412h3.986l.099.009c.988.019%201.976.07%202.95.25c.55.098%201.083.249%201.581.503a2.55%202.55%200%200%201%201.342%201.487c.202.598.282%201.21.282%201.835v.15h-3.294l-.014-.32a1.3%201.3%200%200%200-.043-.234c-.249-.932-1.75-.847-2.498-.857c-1.478%200-2.96%200-4.438.01c-.847.009-1.675.197-2.099%201.007a3.2%203.2%200%200%200-.32%201.336h4.188l-.117.07c-1.356.834-2.645%201.751-4%202.58c-.057.032-.08.07-.07.131c.037.32.056.64.112.956c.061.371.16.696.47.94c.227.175.495.283.777.34a7.7%207.7%200%200%200%201.61.16h3.02c.688%200%201.403-.024%202.085-.132c.645-.108%201.318-.386%201.337-1.144c.019-.404%200-.668%200-1.078H12l.33-.192c1.369-.843%202.95-1.793%204.324-2.63H20v.178c0%20.696-.014%201.393-.014%202.094c0%20.598-.005%201.195-.066%201.798c-.047.498-.122.997-.282%201.473a2.92%202.92%200%200%201-1.445%201.745a4.9%204.9%200%200%201-1.435.471c-.857.16-1.723.221-2.598.23c-1.162.01-2.325.005-3.482.01c-.82%200-1.638%200-2.452-.085a8.5%208.5%200%200%201-1.553-.273a3.18%203.18%200%200%201-2.381-2.32a8%208%200%200%201-.26-1.623L4%2013.844v-3.162l.01-.07c.032-.438.056-.871.103-1.304a6%206%200%200%201%20.292-1.374c.282-.786.762-1.407%201.515-1.816c.532-.283%201.101-.433%201.694-.532a15%2015%200%200%201%202.024-.17c.047.005.084%200%20.122-.004%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m6.932%2013.128l.108-.42c.01-.046.033-.075.08-.098c.81-.377%201.62-.753%202.42-1.144c.992-.489%201.98-.997%202.964-1.496l.419-.207a.1.1%200%200%201%20.07-.014l-5.84%203.59c-.075-.06-.14-.122-.22-.178v-.038zm3.138%201.459c2.034-1.261%204.551-2.739%206.589-4c.099.117.024.32.118.442c.028.033.023.094.028.141c.01.08.038.17.005.226c-.033.052-.127.075-.198.108c-2.047.975-4.499%202.104-6.541%203.083%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7wAOmbEc%22%20x1%3D%2212.009%22%20x2%3D%2212.009%22%20y1%3D%2218.428%22%20y2%3D%225.365%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23009c8b%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%233f2d87%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23aa2b87%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd100%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(%23SVGHcSWxdhd100)%22%3E%3Cpath%20fill%3D%22url(%23SVG7wAOmbEc)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.76%205.412h3.986l.099.009c.988.019%201.976.07%202.95.25c.55.098%201.083.249%201.581.503a2.55%202.55%200%200%201%201.342%201.487c.202.598.282%201.21.282%201.835v.15h-3.294l-.014-.32a1.3%201.3%200%200%200-.043-.234c-.249-.932-1.75-.847-2.498-.857c-1.478%200-2.96%200-4.438.01c-.847.009-1.675.197-2.099%201.007a3.2%203.2%200%200%200-.32%201.336h4.188l-.117.07c-1.356.834-2.645%201.751-4%202.58c-.057.032-.08.07-.07.131c.037.32.056.64.112.956c.061.371.16.696.47.94c.227.175.495.283.777.34a7.7%207.7%200%200%200%201.61.16h3.02c.688%200%201.403-.024%202.085-.132c.645-.108%201.318-.386%201.337-1.144c.019-.404%200-.668%200-1.078H12l.33-.192c1.369-.843%202.95-1.793%204.324-2.63H20v.178c0%20.696-.014%201.393-.014%202.094c0%20.598-.005%201.195-.066%201.798c-.047.498-.122.997-.282%201.473a2.92%202.92%200%200%201-1.445%201.745a4.9%204.9%200%200%201-1.435.471c-.857.16-1.723.221-2.598.23c-1.162.01-2.325.005-3.482.01c-.82%200-1.638%200-2.452-.085a8.5%208.5%200%200%201-1.553-.273a3.18%203.18%200%200%201-2.381-2.32a8%208%200%200%201-.26-1.623L4%2013.844v-3.162l.01-.07c.032-.438.056-.871.103-1.304a6%206%200%200%201%20.292-1.374c.282-.786.762-1.407%201.515-1.816c.532-.283%201.101-.433%201.694-.532a15%2015%200%200%201%202.024-.17c.047.005.084%200%20.122-.004%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m6.932%2013.128l.108-.42c.01-.046.033-.075.08-.098c.81-.377%201.62-.753%202.42-1.144c.992-.489%201.98-.997%202.964-1.496l.419-.207a.1.1%200%200%201%20.07-.014l-5.84%203.59c-.075-.06-.14-.122-.22-.178v-.038zm3.138%201.459c2.034-1.261%204.551-2.739%206.589-4c.099.117.024.32.118.442c.028.033.023.094.028.141c.01.08.038.17.005.226c-.033.052-.127.075-.198.108c-2.047.975-4.499%202.104-6.541%203.083%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7wAOmbEc%22%20x1%3D%2212.009%22%20x2%3D%2212.009%22%20y1%3D%2218.428%22%20y2%3D%225.365%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23009c8b%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%233f2d87%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23aa2b87%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd100%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/gzil-background.svg?color=%231a73e8&size=48
