ggg logo
ggg-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- ggg-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 ggg 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(#SVGHcSWxdhd7)"><path fill="#ff0281" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.329 11.871a3.23 3.23 0 0 0-2.653-1.204C5.72 10.667 4 12.178 4 14.178c0 .702.24 1.573.778 2.285a3.24 3.24 0 0 0 2.653 1.315a2.62 2.62 0 0 0 1.933-.787h.04c.156 0 .196.134.196.192v.15c0 .32.267.445.524.445a.524.524 0 0 0 .543-.489v-2.147c0-.333-.311-.475-.467-.475h-.587c-.515 0-.844.502-.506.871a1.3 1.3 0 0 1-.24.373c-.218.227-.578.534-1.391.534c-1.263 0-2.143-1.125-2.143-2.267C5.333 12.947 6.444 12 7.676 12c.608 0 1.16.205 1.555.711c.133.174.342.178.547.178c.533 0 .95-.506.55-1.018m3.342 0c.702-.889 1.68-1.2 2.653-1.204c1.956 0 3.676 1.511 3.676 3.511a3.92 3.92 0 0 1-.778 2.285a3.24 3.24 0 0 1-2.653 1.315a2.62 2.62 0 0 1-1.933-.787h-.04c-.156 0-.196.134-.196.192v.15c0 .32-.267.445-.524.445a.525.525 0 0 1-.543-.489v-2.147c0-.333.311-.475.467-.475h.587c.515 0 .844.502.506.871c.05.12.13.253.24.373c.218.227.578.534 1.392.534c1.262 0 2.142-1.125 2.142-2.267c0-1.231-1.111-2.178-2.343-2.178c-.608 0-1.16.205-1.555.711c-.133.174-.342.178-.547.178c-.533 0-.951-.506-.55-1.018"/><path fill="#fff" d="M7.778 12.889a.22.22 0 0 0-.222.222v.667h-.667a.222.222 0 1 0 0 .444h.667v.667a.222.222 0 1 0 .444 0v-.667h.667a.222.222 0 1 0 0-.444H8v-.667a.22.22 0 0 0-.222-.222m8.666.889a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89m0 1.777a.444.444 0 1 0 0-.89a.444.444 0 0 0 0 .89m.89-.889a.444.444 0 1 0 0-.889a.444.444 0 0 0 0 .89m-1.778-.001a.444.444 0 1 0 0-.889a.444.444 0 0 0 0 .89m.667-8.445c.369 0 .667.297.667.666v1.334a2 2 0 0 1-2 2h-1.778a.666.666 0 0 0-.667.666v.89a.667.667 0 0 1-1.333 0v-.89a2 2 0 0 1 2-2h1.778a.666.666 0 0 0 .666-.666V6.888c0-.369.298-.666.667-.666"/></g><defs><clipPath id="SVGHcSWxdhd7"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedGggBackground(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(#SVGHcSWxdhd7)"><path fill="#ff0281" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.329 11.871a3.23 3.23 0 0 0-2.653-1.204C5.72 10.667 4 12.178 4 14.178c0 .702.24 1.573.778 2.285a3.24 3.24 0 0 0 2.653 1.315a2.62 2.62 0 0 0 1.933-.787h.04c.156 0 .196.134.196.192v.15c0 .32.267.445.524.445a.524.524 0 0 0 .543-.489v-2.147c0-.333-.311-.475-.467-.475h-.587c-.515 0-.844.502-.506.871a1.3 1.3 0 0 1-.24.373c-.218.227-.578.534-1.391.534c-1.263 0-2.143-1.125-2.143-2.267C5.333 12.947 6.444 12 7.676 12c.608 0 1.16.205 1.555.711c.133.174.342.178.547.178c.533 0 .95-.506.55-1.018m3.342 0c.702-.889 1.68-1.2 2.653-1.204c1.956 0 3.676 1.511 3.676 3.511a3.92 3.92 0 0 1-.778 2.285a3.24 3.24 0 0 1-2.653 1.315a2.62 2.62 0 0 1-1.933-.787h-.04c-.156 0-.196.134-.196.192v.15c0 .32-.267.445-.524.445a.525.525 0 0 1-.543-.489v-2.147c0-.333.311-.475.467-.475h.587c.515 0 .844.502.506.871c.05.12.13.253.24.373c.218.227.578.534 1.392.534c1.262 0 2.142-1.125 2.142-2.267c0-1.231-1.111-2.178-2.343-2.178c-.608 0-1.16.205-1.555.711c-.133.174-.342.178-.547.178c-.533 0-.951-.506-.55-1.018"/><path fill="#fff" d="M7.778 12.889a.22.22 0 0 0-.222.222v.667h-.667a.222.222 0 1 0 0 .444h.667v.667a.222.222 0 1 0 .444 0v-.667h.667a.222.222 0 1 0 0-.444H8v-.667a.22.22 0 0 0-.222-.222m8.666.889a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89m0 1.777a.444.444 0 1 0 0-.89a.444.444 0 0 0 0 .89m.89-.889a.444.444 0 1 0 0-.889a.444.444 0 0 0 0 .89m-1.778-.001a.444.444 0 1 0 0-.889a.444.444 0 0 0 0 .89m.667-8.445c.369 0 .667.297.667.666v1.334a2 2 0 0 1-2 2h-1.778a.666.666 0 0 0-.667.666v.89a.667.667 0 0 1-1.333 0v-.89a2 2 0 0 1 2-2h1.778a.666.666 0 0 0 .666-.666V6.888c0-.369.298-.666.667-.666"/></g><defs><clipPath id="SVGHcSWxdhd7"><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(#SVGHcSWxdhd7)"><path fill="#ff0281" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.329 11.871a3.23 3.23 0 0 0-2.653-1.204C5.72 10.667 4 12.178 4 14.178c0 .702.24 1.573.778 2.285a3.24 3.24 0 0 0 2.653 1.315a2.62 2.62 0 0 0 1.933-.787h.04c.156 0 .196.134.196.192v.15c0 .32.267.445.524.445a.524.524 0 0 0 .543-.489v-2.147c0-.333-.311-.475-.467-.475h-.587c-.515 0-.844.502-.506.871a1.3 1.3 0 0 1-.24.373c-.218.227-.578.534-1.391.534c-1.263 0-2.143-1.125-2.143-2.267C5.333 12.947 6.444 12 7.676 12c.608 0 1.16.205 1.555.711c.133.174.342.178.547.178c.533 0 .95-.506.55-1.018m3.342 0c.702-.889 1.68-1.2 2.653-1.204c1.956 0 3.676 1.511 3.676 3.511a3.92 3.92 0 0 1-.778 2.285a3.24 3.24 0 0 1-2.653 1.315a2.62 2.62 0 0 1-1.933-.787h-.04c-.156 0-.196.134-.196.192v.15c0 .32-.267.445-.524.445a.525.525 0 0 1-.543-.489v-2.147c0-.333.311-.475.467-.475h.587c.515 0 .844.502.506.871c.05.12.13.253.24.373c.218.227.578.534 1.392.534c1.262 0 2.142-1.125 2.142-2.267c0-1.231-1.111-2.178-2.343-2.178c-.608 0-1.16.205-1.555.711c-.133.174-.342.178-.547.178c-.533 0-.951-.506-.55-1.018"/><path fill="#fff" d="M7.778 12.889a.22.22 0 0 0-.222.222v.667h-.667a.222.222 0 1 0 0 .444h.667v.667a.222.222 0 1 0 .444 0v-.667h.667a.222.222 0 1 0 0-.444H8v-.667a.22.22 0 0 0-.222-.222m8.666.889a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89m0 1.777a.444.444 0 1 0 0-.89a.444.444 0 0 0 0 .89m.89-.889a.444.444 0 1 0 0-.889a.444.444 0 0 0 0 .89m-1.778-.001a.444.444 0 1 0 0-.889a.444.444 0 0 0 0 .89m.667-8.445c.369 0 .667.297.667.666v1.334a2 2 0 0 1-2 2h-1.778a.666.666 0 0 0-.667.666v.89a.667.667 0 0 1-1.333 0v-.89a2 2 0 0 1 2-2h1.778a.666.666 0 0 0 .666-.666V6.888c0-.369.298-.666.667-.666"/></g><defs><clipPath id="SVGHcSWxdhd7"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-ggg-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(%23SVGHcSWxdhd7)%22%3E%3Cpath%20fill%3D%22%23ff0281%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.329%2011.871a3.23%203.23%200%200%200-2.653-1.204C5.72%2010.667%204%2012.178%204%2014.178c0%20.702.24%201.573.778%202.285a3.24%203.24%200%200%200%202.653%201.315a2.62%202.62%200%200%200%201.933-.787h.04c.156%200%20.196.134.196.192v.15c0%20.32.267.445.524.445a.524.524%200%200%200%20.543-.489v-2.147c0-.333-.311-.475-.467-.475h-.587c-.515%200-.844.502-.506.871a1.3%201.3%200%200%201-.24.373c-.218.227-.578.534-1.391.534c-1.263%200-2.143-1.125-2.143-2.267C5.333%2012.947%206.444%2012%207.676%2012c.608%200%201.16.205%201.555.711c.133.174.342.178.547.178c.533%200%20.95-.506.55-1.018m3.342%200c.702-.889%201.68-1.2%202.653-1.204c1.956%200%203.676%201.511%203.676%203.511a3.92%203.92%200%200%201-.778%202.285a3.24%203.24%200%200%201-2.653%201.315a2.62%202.62%200%200%201-1.933-.787h-.04c-.156%200-.196.134-.196.192v.15c0%20.32-.267.445-.524.445a.525.525%200%200%201-.543-.489v-2.147c0-.333.311-.475.467-.475h.587c.515%200%20.844.502.506.871c.05.12.13.253.24.373c.218.227.578.534%201.392.534c1.262%200%202.142-1.125%202.142-2.267c0-1.231-1.111-2.178-2.343-2.178c-.608%200-1.16.205-1.555.711c-.133.174-.342.178-.547.178c-.533%200-.951-.506-.55-1.018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.778%2012.889a.22.22%200%200%200-.222.222v.667h-.667a.222.222%200%201%200%200%20.444h.667v.667a.222.222%200%201%200%20.444%200v-.667h.667a.222.222%200%201%200%200-.444H8v-.667a.22.22%200%200%200-.222-.222m8.666.889a.445.445%200%201%200%200-.89a.445.445%200%200%200%200%20.89m0%201.777a.444.444%200%201%200%200-.89a.444.444%200%200%200%200%20.89m.89-.889a.444.444%200%201%200%200-.889a.444.444%200%200%200%200%20.89m-1.778-.001a.444.444%200%201%200%200-.889a.444.444%200%200%200%200%20.89m.667-8.445c.369%200%20.667.297.667.666v1.334a2%202%200%200%201-2%202h-1.778a.666.666%200%200%200-.667.666v.89a.667.667%200%200%201-1.333%200v-.89a2%202%200%200%201%202-2h1.778a.666.666%200%200%200%20.666-.666V6.888c0-.369.298-.666.667-.666%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd7%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(%23SVGHcSWxdhd7)%22%3E%3Cpath%20fill%3D%22%23ff0281%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.329%2011.871a3.23%203.23%200%200%200-2.653-1.204C5.72%2010.667%204%2012.178%204%2014.178c0%20.702.24%201.573.778%202.285a3.24%203.24%200%200%200%202.653%201.315a2.62%202.62%200%200%200%201.933-.787h.04c.156%200%20.196.134.196.192v.15c0%20.32.267.445.524.445a.524.524%200%200%200%20.543-.489v-2.147c0-.333-.311-.475-.467-.475h-.587c-.515%200-.844.502-.506.871a1.3%201.3%200%200%201-.24.373c-.218.227-.578.534-1.391.534c-1.263%200-2.143-1.125-2.143-2.267C5.333%2012.947%206.444%2012%207.676%2012c.608%200%201.16.205%201.555.711c.133.174.342.178.547.178c.533%200%20.95-.506.55-1.018m3.342%200c.702-.889%201.68-1.2%202.653-1.204c1.956%200%203.676%201.511%203.676%203.511a3.92%203.92%200%200%201-.778%202.285a3.24%203.24%200%200%201-2.653%201.315a2.62%202.62%200%200%201-1.933-.787h-.04c-.156%200-.196.134-.196.192v.15c0%20.32-.267.445-.524.445a.525.525%200%200%201-.543-.489v-2.147c0-.333.311-.475.467-.475h.587c.515%200%20.844.502.506.871c.05.12.13.253.24.373c.218.227.578.534%201.392.534c1.262%200%202.142-1.125%202.142-2.267c0-1.231-1.111-2.178-2.343-2.178c-.608%200-1.16.205-1.555.711c-.133.174-.342.178-.547.178c-.533%200-.951-.506-.55-1.018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.778%2012.889a.22.22%200%200%200-.222.222v.667h-.667a.222.222%200%201%200%200%20.444h.667v.667a.222.222%200%201%200%20.444%200v-.667h.667a.222.222%200%201%200%200-.444H8v-.667a.22.22%200%200%200-.222-.222m8.666.889a.445.445%200%201%200%200-.89a.445.445%200%200%200%200%20.89m0%201.777a.444.444%200%201%200%200-.89a.444.444%200%200%200%200%20.89m.89-.889a.444.444%200%201%200%200-.889a.444.444%200%200%200%200%20.89m-1.778-.001a.444.444%200%201%200%200-.889a.444.444%200%200%200%200%20.89m.667-8.445c.369%200%20.667.297.667.666v1.334a2%202%200%200%201-2%202h-1.778a.666.666%200%200%200-.667.666v.89a.667.667%200%200%201-1.333%200v-.89a2%202%200%200%201%202-2h1.778a.666.666%200%200%200%20.666-.666V6.888c0-.369.298-.666.667-.666%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd7%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/ggg-background.svg?color=%231a73e8&size=48
