gns logo
gns-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- gns-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 gns 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(#SVGHcSWxdhd163)"><path fill="url(#SVGv2o5Kcis)" d="M24 0H0v24h24z"/><path fill="#fff" d="M15.251 7.911c.32.189.513.523.513.89v6.4c0 .574-.357 1.035-.94 1.035c-.585 0-.942-.461-.942-1.035v-3.986c0-.315-.565-.513-.847-.367L9.317 12.81a1.064 1.064 0 0 1-1.426-.423a1.02 1.02 0 0 1 .429-1.398l5.896-3.101c.325-.17.72-.16 1.035.023"/><path fill="#fff" d="M9.176 10.518c.847-.25 1.459-.273 2.14-.273c1.003 0 1.742.254 2.01.565c.18.047.556.202.556.404V15.2c0 .574.357 1.035.94 1.035c.584 0 .942-.46.942-1.035V8.8c0-.367-.198-.706-.518-.89a1.08 1.08 0 0 0-1.04-.023z"/><path fill="#fff" d="M12.513 8.772c.531.141 1.37.513 1.37 1.346v1.068c0 .01 0-.01 0 0v3.99c0 .565.357 1.06.94 1.06c.584 0 .941-.462.941-1.036V8.8c0-.367-.197-.706-.517-.89a1.08 1.08 0 0 0-1.04-.023zm-1.595 5.322l-1.176.687c-.17.1-.25.301-.146.471c.136.226.367.513.696.725c.339.22.701.268.965.258c.179-.014.273-.169.273-.348v-1.44a.4.4 0 0 0-.612-.348z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.059a7.06 7.06 0 1 0 0-14.12a7.06 7.06 0 0 0 0 14.12M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/></g><defs><linearGradient id="SVGv2o5Kcis" x1="18.739" x2="6.93" y1="3.998" y2="15.035" gradientUnits="userSpaceOnUse"><stop offset=".45" stop-color="#266e84"/><stop offset="1" stop-color="#56dbae"/></linearGradient><clipPath id="SVGHcSWxdhd163"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedGnsBackground(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(#SVGHcSWxdhd163)"><path fill="url(#SVGv2o5Kcis)" d="M24 0H0v24h24z"/><path fill="#fff" d="M15.251 7.911c.32.189.513.523.513.89v6.4c0 .574-.357 1.035-.94 1.035c-.585 0-.942-.461-.942-1.035v-3.986c0-.315-.565-.513-.847-.367L9.317 12.81a1.064 1.064 0 0 1-1.426-.423a1.02 1.02 0 0 1 .429-1.398l5.896-3.101c.325-.17.72-.16 1.035.023"/><path fill="#fff" d="M9.176 10.518c.847-.25 1.459-.273 2.14-.273c1.003 0 1.742.254 2.01.565c.18.047.556.202.556.404V15.2c0 .574.357 1.035.94 1.035c.584 0 .942-.46.942-1.035V8.8c0-.367-.198-.706-.518-.89a1.08 1.08 0 0 0-1.04-.023z"/><path fill="#fff" d="M12.513 8.772c.531.141 1.37.513 1.37 1.346v1.068c0 .01 0-.01 0 0v3.99c0 .565.357 1.06.94 1.06c.584 0 .941-.462.941-1.036V8.8c0-.367-.197-.706-.517-.89a1.08 1.08 0 0 0-1.04-.023zm-1.595 5.322l-1.176.687c-.17.1-.25.301-.146.471c.136.226.367.513.696.725c.339.22.701.268.965.258c.179-.014.273-.169.273-.348v-1.44a.4.4 0 0 0-.612-.348z"/><path fill="#fff" fillRule="evenodd" d="M12 19.059a7.06 7.06 0 1 0 0-14.12a7.06 7.06 0 0 0 0 14.12M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clipRule="evenodd"/></g><defs><linearGradient id="SVGv2o5Kcis" x1="18.739" x2="6.93" y1="3.998" y2="15.035" gradientUnits="userSpaceOnUse"><stop offset=".45" stopColor="#266e84"/><stop offset="1" stopColor="#56dbae"/></linearGradient><clipPath id="SVGHcSWxdhd163"><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(#SVGHcSWxdhd163)"><path fill="url(#SVGv2o5Kcis)" d="M24 0H0v24h24z"/><path fill="#fff" d="M15.251 7.911c.32.189.513.523.513.89v6.4c0 .574-.357 1.035-.94 1.035c-.585 0-.942-.461-.942-1.035v-3.986c0-.315-.565-.513-.847-.367L9.317 12.81a1.064 1.064 0 0 1-1.426-.423a1.02 1.02 0 0 1 .429-1.398l5.896-3.101c.325-.17.72-.16 1.035.023"/><path fill="#fff" d="M9.176 10.518c.847-.25 1.459-.273 2.14-.273c1.003 0 1.742.254 2.01.565c.18.047.556.202.556.404V15.2c0 .574.357 1.035.94 1.035c.584 0 .942-.46.942-1.035V8.8c0-.367-.198-.706-.518-.89a1.08 1.08 0 0 0-1.04-.023z"/><path fill="#fff" d="M12.513 8.772c.531.141 1.37.513 1.37 1.346v1.068c0 .01 0-.01 0 0v3.99c0 .565.357 1.06.94 1.06c.584 0 .941-.462.941-1.036V8.8c0-.367-.197-.706-.517-.89a1.08 1.08 0 0 0-1.04-.023zm-1.595 5.322l-1.176.687c-.17.1-.25.301-.146.471c.136.226.367.513.696.725c.339.22.701.268.965.258c.179-.014.273-.169.273-.348v-1.44a.4.4 0 0 0-.612-.348z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.059a7.06 7.06 0 1 0 0-14.12a7.06 7.06 0 0 0 0 14.12M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/></g><defs><linearGradient id="SVGv2o5Kcis" x1="18.739" x2="6.93" y1="3.998" y2="15.035" gradientUnits="userSpaceOnUse"><stop offset=".45" stop-color="#266e84"/><stop offset="1" stop-color="#56dbae"/></linearGradient><clipPath id="SVGHcSWxdhd163"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-gns-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(%23SVGHcSWxdhd163)%22%3E%3Cpath%20fill%3D%22url(%23SVGv2o5Kcis)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.251%207.911c.32.189.513.523.513.89v6.4c0%20.574-.357%201.035-.94%201.035c-.585%200-.942-.461-.942-1.035v-3.986c0-.315-.565-.513-.847-.367L9.317%2012.81a1.064%201.064%200%200%201-1.426-.423a1.02%201.02%200%200%201%20.429-1.398l5.896-3.101c.325-.17.72-.16%201.035.023%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.176%2010.518c.847-.25%201.459-.273%202.14-.273c1.003%200%201.742.254%202.01.565c.18.047.556.202.556.404V15.2c0%20.574.357%201.035.94%201.035c.584%200%20.942-.46.942-1.035V8.8c0-.367-.198-.706-.518-.89a1.08%201.08%200%200%200-1.04-.023z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.513%208.772c.531.141%201.37.513%201.37%201.346v1.068c0%20.01%200-.01%200%200v3.99c0%20.565.357%201.06.94%201.06c.584%200%20.941-.462.941-1.036V8.8c0-.367-.197-.706-.517-.89a1.08%201.08%200%200%200-1.04-.023zm-1.595%205.322l-1.176.687c-.17.1-.25.301-.146.471c.136.226.367.513.696.725c.339.22.701.268.965.258c.179-.014.273-.169.273-.348v-1.44a.4.4%200%200%200-.612-.348z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.059a7.06%207.06%200%201%200%200-14.12a7.06%207.06%200%200%200%200%2014.12M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGv2o5Kcis%22%20x1%3D%2218.739%22%20x2%3D%226.93%22%20y1%3D%223.998%22%20y2%3D%2215.035%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23266e84%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2356dbae%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd163%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(%23SVGHcSWxdhd163)%22%3E%3Cpath%20fill%3D%22url(%23SVGv2o5Kcis)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.251%207.911c.32.189.513.523.513.89v6.4c0%20.574-.357%201.035-.94%201.035c-.585%200-.942-.461-.942-1.035v-3.986c0-.315-.565-.513-.847-.367L9.317%2012.81a1.064%201.064%200%200%201-1.426-.423a1.02%201.02%200%200%201%20.429-1.398l5.896-3.101c.325-.17.72-.16%201.035.023%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.176%2010.518c.847-.25%201.459-.273%202.14-.273c1.003%200%201.742.254%202.01.565c.18.047.556.202.556.404V15.2c0%20.574.357%201.035.94%201.035c.584%200%20.942-.46.942-1.035V8.8c0-.367-.198-.706-.518-.89a1.08%201.08%200%200%200-1.04-.023z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.513%208.772c.531.141%201.37.513%201.37%201.346v1.068c0%20.01%200-.01%200%200v3.99c0%20.565.357%201.06.94%201.06c.584%200%20.941-.462.941-1.036V8.8c0-.367-.197-.706-.517-.89a1.08%201.08%200%200%200-1.04-.023zm-1.595%205.322l-1.176.687c-.17.1-.25.301-.146.471c.136.226.367.513.696.725c.339.22.701.268.965.258c.179-.014.273-.169.273-.348v-1.44a.4.4%200%200%200-.612-.348z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.059a7.06%207.06%200%201%200%200-14.12a7.06%207.06%200%200%200%200%2014.12M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGv2o5Kcis%22%20x1%3D%2218.739%22%20x2%3D%226.93%22%20y1%3D%223.998%22%20y2%3D%2215.035%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23266e84%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2356dbae%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd163%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/gns-background.svg?color=%231a73e8&size=48
