gunz logo
gunz-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- gunz-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 gunz 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(#SVGHcSWxdhd4)"><path fill="url(#SVGBcvDle3D)" d="M24 0H0v24h24z"/><path fill="#000" fill-rule="evenodd" d="M17.317 4v4.38L19 10.046v9.112c0 .465-.38.842-.85.842h-1.624l-.353-.349H13.78l-.353.349H9.775L5 15.27V4zm1.369 15.148a.535.535 0 0 1-.336.497a.55.55 0 0 1-.593-.116a.537.537 0 0 1 .385-.92a.546.546 0 0 1 .544.538" clip-rule="evenodd"/><path fill="#fff" d="M16.527 7.233H8.954v6.415l1.465 1.45h2.638l-3.312-3.28v-.757h2.308L9.745 8.775v-.758h3.708l3.074 3.044v.784h-2.282l2.282 2.26v3.444H8.42l-2.63-2.604V4.783h10.737z"/><path fill="#000" d="M18.373 19.343q-.003-.018-.003-.035l-.001-.029a.2.2 0 0 0-.006-.04a.12.12 0 0 0-.037-.065a.1.1 0 0 0-.035-.018a.14.14 0 0 0 .064-.053a.15.15 0 0 0 .02-.08a.2.2 0 0 0-.01-.057a.15.15 0 0 0-.08-.077a.2.2 0 0 0-.066-.011h-.285v.525h.117v-.205h.117q.043 0 .063.02q.019.019.026.06l.006.066a.2.2 0 0 0 .012.06h.117a.1.1 0 0 1-.012-.027zm-.135-.245q-.019.018-.06.018h-.127v-.148h.128q.04.001.06.017q.02.018.019.056q0 .039-.02.058z"/></g><defs><linearGradient id="SVGBcvDle3D" x1="0" x2="24" y1="0" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#c2fccd"/><stop offset=".5" stop-color="#abf4e4"/><stop offset="1" stop-color="#d3f1fb"/></linearGradient><clipPath id="SVGHcSWxdhd4"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedGunzBackground(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(#SVGHcSWxdhd4)"><path fill="url(#SVGBcvDle3D)" d="M24 0H0v24h24z"/><path fill="#000" fillRule="evenodd" d="M17.317 4v4.38L19 10.046v9.112c0 .465-.38.842-.85.842h-1.624l-.353-.349H13.78l-.353.349H9.775L5 15.27V4zm1.369 15.148a.535.535 0 0 1-.336.497a.55.55 0 0 1-.593-.116a.537.537 0 0 1 .385-.92a.546.546 0 0 1 .544.538" clipRule="evenodd"/><path fill="#fff" d="M16.527 7.233H8.954v6.415l1.465 1.45h2.638l-3.312-3.28v-.757h2.308L9.745 8.775v-.758h3.708l3.074 3.044v.784h-2.282l2.282 2.26v3.444H8.42l-2.63-2.604V4.783h10.737z"/><path fill="#000" d="M18.373 19.343q-.003-.018-.003-.035l-.001-.029a.2.2 0 0 0-.006-.04a.12.12 0 0 0-.037-.065a.1.1 0 0 0-.035-.018a.14.14 0 0 0 .064-.053a.15.15 0 0 0 .02-.08a.2.2 0 0 0-.01-.057a.15.15 0 0 0-.08-.077a.2.2 0 0 0-.066-.011h-.285v.525h.117v-.205h.117q.043 0 .063.02q.019.019.026.06l.006.066a.2.2 0 0 0 .012.06h.117a.1.1 0 0 1-.012-.027zm-.135-.245q-.019.018-.06.018h-.127v-.148h.128q.04.001.06.017q.02.018.019.056q0 .039-.02.058z"/></g><defs><linearGradient id="SVGBcvDle3D" x1="0" x2="24" y1="0" y2="24" gradientUnits="userSpaceOnUse"><stop stopColor="#c2fccd"/><stop offset=".5" stopColor="#abf4e4"/><stop offset="1" stopColor="#d3f1fb"/></linearGradient><clipPath id="SVGHcSWxdhd4"><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(#SVGHcSWxdhd4)"><path fill="url(#SVGBcvDle3D)" d="M24 0H0v24h24z"/><path fill="#000" fill-rule="evenodd" d="M17.317 4v4.38L19 10.046v9.112c0 .465-.38.842-.85.842h-1.624l-.353-.349H13.78l-.353.349H9.775L5 15.27V4zm1.369 15.148a.535.535 0 0 1-.336.497a.55.55 0 0 1-.593-.116a.537.537 0 0 1 .385-.92a.546.546 0 0 1 .544.538" clip-rule="evenodd"/><path fill="#fff" d="M16.527 7.233H8.954v6.415l1.465 1.45h2.638l-3.312-3.28v-.757h2.308L9.745 8.775v-.758h3.708l3.074 3.044v.784h-2.282l2.282 2.26v3.444H8.42l-2.63-2.604V4.783h10.737z"/><path fill="#000" d="M18.373 19.343q-.003-.018-.003-.035l-.001-.029a.2.2 0 0 0-.006-.04a.12.12 0 0 0-.037-.065a.1.1 0 0 0-.035-.018a.14.14 0 0 0 .064-.053a.15.15 0 0 0 .02-.08a.2.2 0 0 0-.01-.057a.15.15 0 0 0-.08-.077a.2.2 0 0 0-.066-.011h-.285v.525h.117v-.205h.117q.043 0 .063.02q.019.019.026.06l.006.066a.2.2 0 0 0 .012.06h.117a.1.1 0 0 1-.012-.027zm-.135-.245q-.019.018-.06.018h-.127v-.148h.128q.04.001.06.017q.02.018.019.056q0 .039-.02.058z"/></g><defs><linearGradient id="SVGBcvDle3D" x1="0" x2="24" y1="0" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#c2fccd"/><stop offset=".5" stop-color="#abf4e4"/><stop offset="1" stop-color="#d3f1fb"/></linearGradient><clipPath id="SVGHcSWxdhd4"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-gunz-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(%23SVGHcSWxdhd4)%22%3E%3Cpath%20fill%3D%22url(%23SVGBcvDle3D)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.317%204v4.38L19%2010.046v9.112c0%20.465-.38.842-.85.842h-1.624l-.353-.349H13.78l-.353.349H9.775L5%2015.27V4zm1.369%2015.148a.535.535%200%200%201-.336.497a.55.55%200%200%201-.593-.116a.537.537%200%200%201%20.385-.92a.546.546%200%200%201%20.544.538%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.527%207.233H8.954v6.415l1.465%201.45h2.638l-3.312-3.28v-.757h2.308L9.745%208.775v-.758h3.708l3.074%203.044v.784h-2.282l2.282%202.26v3.444H8.42l-2.63-2.604V4.783h10.737z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M18.373%2019.343q-.003-.018-.003-.035l-.001-.029a.2.2%200%200%200-.006-.04a.12.12%200%200%200-.037-.065a.1.1%200%200%200-.035-.018a.14.14%200%200%200%20.064-.053a.15.15%200%200%200%20.02-.08a.2.2%200%200%200-.01-.057a.15.15%200%200%200-.08-.077a.2.2%200%200%200-.066-.011h-.285v.525h.117v-.205h.117q.043%200%20.063.02q.019.019.026.06l.006.066a.2.2%200%200%200%20.012.06h.117a.1.1%200%200%201-.012-.027zm-.135-.245q-.019.018-.06.018h-.127v-.148h.128q.04.001.06.017q.02.018.019.056q0%20.039-.02.058z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGBcvDle3D%22%20x1%3D%220%22%20x2%3D%2224%22%20y1%3D%220%22%20y2%3D%2224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c2fccd%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23abf4e4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d3f1fb%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd4%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(%23SVGHcSWxdhd4)%22%3E%3Cpath%20fill%3D%22url(%23SVGBcvDle3D)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.317%204v4.38L19%2010.046v9.112c0%20.465-.38.842-.85.842h-1.624l-.353-.349H13.78l-.353.349H9.775L5%2015.27V4zm1.369%2015.148a.535.535%200%200%201-.336.497a.55.55%200%200%201-.593-.116a.537.537%200%200%201%20.385-.92a.546.546%200%200%201%20.544.538%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.527%207.233H8.954v6.415l1.465%201.45h2.638l-3.312-3.28v-.757h2.308L9.745%208.775v-.758h3.708l3.074%203.044v.784h-2.282l2.282%202.26v3.444H8.42l-2.63-2.604V4.783h10.737z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M18.373%2019.343q-.003-.018-.003-.035l-.001-.029a.2.2%200%200%200-.006-.04a.12.12%200%200%200-.037-.065a.1.1%200%200%200-.035-.018a.14.14%200%200%200%20.064-.053a.15.15%200%200%200%20.02-.08a.2.2%200%200%200-.01-.057a.15.15%200%200%200-.08-.077a.2.2%200%200%200-.066-.011h-.285v.525h.117v-.205h.117q.043%200%20.063.02q.019.019.026.06l.006.066a.2.2%200%200%200%20.012.06h.117a.1.1%200%200%201-.012-.027zm-.135-.245q-.019.018-.06.018h-.127v-.148h.128q.04.001.06.017q.02.018.019.056q0%20.039-.02.058z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGBcvDle3D%22%20x1%3D%220%22%20x2%3D%2224%22%20y1%3D%220%22%20y2%3D%2224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c2fccd%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23abf4e4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d3f1fb%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd4%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/gunz-background.svg?color=%231a73e8&size=48
