gdcc logo
gdcc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- gdcc-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 gdcc 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(#SVGHcSWxdhd167)"><path fill="#ce1db4" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.158 14.105c-.299 1.558-1.41 4.21-3.368 4.21c-2.106 0-2.948-4.404-2.948-6.315c0-3.369 1.474-6.316 2.948-6.316c1.591 0 3.035 2.391 3.368 3.79c-.564-2.468-1.777-4.211-3.368-4.211C5.697 5.263 4 8.277 4 12c0 3.722 1.697 6.736 3.79 6.736c1.68 0 2.871-1.94 3.368-4.631"/><path fill="#fff" d="M10.008 14.106c-.311 1.369-.91 2.737-1.84 2.737c-1.065 0-1.84-1.036-2.471-1.878l-.013-.017c.522 1.516 1.44 2.527 2.484 2.527c1.226 0 2.274-1.39 2.72-3.369h-.884zm.775-4.631c-.492-1.752-1.478-2.948-2.615-2.948S6.177 7.723 5.684 9.475l.16-.266c.581-.989 1.209-2.05 2.324-2.05c.91 0 1.466 1.103 1.777 2.316h.842zM7.79 10.738h2.105v-.842H7.789c-.673 0-.842.56-.842.842v2.105c0 .674.56.842.842.842h1.264c.673 0 .842-.56.842-.842V11.58H8.21v.842h.843v.421H7.789zm6.736 2.105v-2.105h1.263v.42h.843v-.42c0-.421-.224-.842-.843-.842h-1.263c-.673 0-.842.56-.842.842v2.105c0 .674.56.842.842.842h1.263c.674 0 .843-.56.843-.842v-.421h-.843v.421zm3.369 0v-2.105h1.263v.42H20v-.42c0-.421-.223-.842-.842-.842h-1.263c-.674 0-.842.56-.842.842v2.105c0 .674.56.842.842.842h1.263c.674 0 .842-.56.842-.842v-.421h-.842v.421zm-7.58-2.105v-.842h2.106c.674 0 .842.56.842.842v2.105c0 .674-.56.842-.842.842h-2.105V11.16h.842v1.684h1.263v-2.105z"/></g><defs><clipPath id="SVGHcSWxdhd167"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedGdccBackground(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(#SVGHcSWxdhd167)"><path fill="#ce1db4" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.158 14.105c-.299 1.558-1.41 4.21-3.368 4.21c-2.106 0-2.948-4.404-2.948-6.315c0-3.369 1.474-6.316 2.948-6.316c1.591 0 3.035 2.391 3.368 3.79c-.564-2.468-1.777-4.211-3.368-4.211C5.697 5.263 4 8.277 4 12c0 3.722 1.697 6.736 3.79 6.736c1.68 0 2.871-1.94 3.368-4.631"/><path fill="#fff" d="M10.008 14.106c-.311 1.369-.91 2.737-1.84 2.737c-1.065 0-1.84-1.036-2.471-1.878l-.013-.017c.522 1.516 1.44 2.527 2.484 2.527c1.226 0 2.274-1.39 2.72-3.369h-.884zm.775-4.631c-.492-1.752-1.478-2.948-2.615-2.948S6.177 7.723 5.684 9.475l.16-.266c.581-.989 1.209-2.05 2.324-2.05c.91 0 1.466 1.103 1.777 2.316h.842zM7.79 10.738h2.105v-.842H7.789c-.673 0-.842.56-.842.842v2.105c0 .674.56.842.842.842h1.264c.673 0 .842-.56.842-.842V11.58H8.21v.842h.843v.421H7.789zm6.736 2.105v-2.105h1.263v.42h.843v-.42c0-.421-.224-.842-.843-.842h-1.263c-.673 0-.842.56-.842.842v2.105c0 .674.56.842.842.842h1.263c.674 0 .843-.56.843-.842v-.421h-.843v.421zm3.369 0v-2.105h1.263v.42H20v-.42c0-.421-.223-.842-.842-.842h-1.263c-.674 0-.842.56-.842.842v2.105c0 .674.56.842.842.842h1.263c.674 0 .842-.56.842-.842v-.421h-.842v.421zm-7.58-2.105v-.842h2.106c.674 0 .842.56.842.842v2.105c0 .674-.56.842-.842.842h-2.105V11.16h.842v1.684h1.263v-2.105z"/></g><defs><clipPath id="SVGHcSWxdhd167"><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(#SVGHcSWxdhd167)"><path fill="#ce1db4" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.158 14.105c-.299 1.558-1.41 4.21-3.368 4.21c-2.106 0-2.948-4.404-2.948-6.315c0-3.369 1.474-6.316 2.948-6.316c1.591 0 3.035 2.391 3.368 3.79c-.564-2.468-1.777-4.211-3.368-4.211C5.697 5.263 4 8.277 4 12c0 3.722 1.697 6.736 3.79 6.736c1.68 0 2.871-1.94 3.368-4.631"/><path fill="#fff" d="M10.008 14.106c-.311 1.369-.91 2.737-1.84 2.737c-1.065 0-1.84-1.036-2.471-1.878l-.013-.017c.522 1.516 1.44 2.527 2.484 2.527c1.226 0 2.274-1.39 2.72-3.369h-.884zm.775-4.631c-.492-1.752-1.478-2.948-2.615-2.948S6.177 7.723 5.684 9.475l.16-.266c.581-.989 1.209-2.05 2.324-2.05c.91 0 1.466 1.103 1.777 2.316h.842zM7.79 10.738h2.105v-.842H7.789c-.673 0-.842.56-.842.842v2.105c0 .674.56.842.842.842h1.264c.673 0 .842-.56.842-.842V11.58H8.21v.842h.843v.421H7.789zm6.736 2.105v-2.105h1.263v.42h.843v-.42c0-.421-.224-.842-.843-.842h-1.263c-.673 0-.842.56-.842.842v2.105c0 .674.56.842.842.842h1.263c.674 0 .843-.56.843-.842v-.421h-.843v.421zm3.369 0v-2.105h1.263v.42H20v-.42c0-.421-.223-.842-.842-.842h-1.263c-.674 0-.842.56-.842.842v2.105c0 .674.56.842.842.842h1.263c.674 0 .842-.56.842-.842v-.421h-.842v.421zm-7.58-2.105v-.842h2.106c.674 0 .842.56.842.842v2.105c0 .674-.56.842-.842.842h-2.105V11.16h.842v1.684h1.263v-2.105z"/></g><defs><clipPath id="SVGHcSWxdhd167"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-gdcc-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(%23SVGHcSWxdhd167)%22%3E%3Cpath%20fill%3D%22%23ce1db4%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.158%2014.105c-.299%201.558-1.41%204.21-3.368%204.21c-2.106%200-2.948-4.404-2.948-6.315c0-3.369%201.474-6.316%202.948-6.316c1.591%200%203.035%202.391%203.368%203.79c-.564-2.468-1.777-4.211-3.368-4.211C5.697%205.263%204%208.277%204%2012c0%203.722%201.697%206.736%203.79%206.736c1.68%200%202.871-1.94%203.368-4.631%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.008%2014.106c-.311%201.369-.91%202.737-1.84%202.737c-1.065%200-1.84-1.036-2.471-1.878l-.013-.017c.522%201.516%201.44%202.527%202.484%202.527c1.226%200%202.274-1.39%202.72-3.369h-.884zm.775-4.631c-.492-1.752-1.478-2.948-2.615-2.948S6.177%207.723%205.684%209.475l.16-.266c.581-.989%201.209-2.05%202.324-2.05c.91%200%201.466%201.103%201.777%202.316h.842zM7.79%2010.738h2.105v-.842H7.789c-.673%200-.842.56-.842.842v2.105c0%20.674.56.842.842.842h1.264c.673%200%20.842-.56.842-.842V11.58H8.21v.842h.843v.421H7.789zm6.736%202.105v-2.105h1.263v.42h.843v-.42c0-.421-.224-.842-.843-.842h-1.263c-.673%200-.842.56-.842.842v2.105c0%20.674.56.842.842.842h1.263c.674%200%20.843-.56.843-.842v-.421h-.843v.421zm3.369%200v-2.105h1.263v.42H20v-.42c0-.421-.223-.842-.842-.842h-1.263c-.674%200-.842.56-.842.842v2.105c0%20.674.56.842.842.842h1.263c.674%200%20.842-.56.842-.842v-.421h-.842v.421zm-7.58-2.105v-.842h2.106c.674%200%20.842.56.842.842v2.105c0%20.674-.56.842-.842.842h-2.105V11.16h.842v1.684h1.263v-2.105z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd167%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(%23SVGHcSWxdhd167)%22%3E%3Cpath%20fill%3D%22%23ce1db4%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.158%2014.105c-.299%201.558-1.41%204.21-3.368%204.21c-2.106%200-2.948-4.404-2.948-6.315c0-3.369%201.474-6.316%202.948-6.316c1.591%200%203.035%202.391%203.368%203.79c-.564-2.468-1.777-4.211-3.368-4.211C5.697%205.263%204%208.277%204%2012c0%203.722%201.697%206.736%203.79%206.736c1.68%200%202.871-1.94%203.368-4.631%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.008%2014.106c-.311%201.369-.91%202.737-1.84%202.737c-1.065%200-1.84-1.036-2.471-1.878l-.013-.017c.522%201.516%201.44%202.527%202.484%202.527c1.226%200%202.274-1.39%202.72-3.369h-.884zm.775-4.631c-.492-1.752-1.478-2.948-2.615-2.948S6.177%207.723%205.684%209.475l.16-.266c.581-.989%201.209-2.05%202.324-2.05c.91%200%201.466%201.103%201.777%202.316h.842zM7.79%2010.738h2.105v-.842H7.789c-.673%200-.842.56-.842.842v2.105c0%20.674.56.842.842.842h1.264c.673%200%20.842-.56.842-.842V11.58H8.21v.842h.843v.421H7.789zm6.736%202.105v-2.105h1.263v.42h.843v-.42c0-.421-.224-.842-.843-.842h-1.263c-.673%200-.842.56-.842.842v2.105c0%20.674.56.842.842.842h1.263c.674%200%20.843-.56.843-.842v-.421h-.843v.421zm3.369%200v-2.105h1.263v.42H20v-.42c0-.421-.223-.842-.842-.842h-1.263c-.674%200-.842.56-.842.842v2.105c0%20.674.56.842.842.842h1.263c.674%200%20.842-.56.842-.842v-.421h-.842v.421zm-7.58-2.105v-.842h2.106c.674%200%20.842.56.842.842v2.105c0%20.674-.56.842-.842.842h-2.105V11.16h.842v1.684h1.263v-2.105z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd167%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/gdcc-background.svg?color=%231a73e8&size=48
