cgt logo
cgt-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- cgt-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 cgt 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(#SVGHcSWxdhd128)"><path fill="#f7b600" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.596 19.305v-4.282a2.987 2.987 0 0 1-2.836-3.7a2.95 2.95 0 0 1 2.725-2.27a2.987 2.987 0 0 1 3.163 2.88H20c0-1.444-.494-2.791-1.297-3.992a7.305 7.305 0 0 0-12.997 1.73H4V14.2h1.664a7.3 7.3 0 0 0 2.907 3.873a7.2 7.2 0 0 0 4.025 1.232"/><path fill="#fff" d="M18.477 18.81a2.714 2.714 0 1 1 .928-3.818l-1.182.675a1.356 1.356 0 0 0-2.458.72a1.358 1.358 0 0 0 2.367.977h-.56v-.905h2.263v2.715h-1.358z"/></g><defs><clipPath id="SVGHcSWxdhd128"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCgtBackground(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(#SVGHcSWxdhd128)"><path fill="#f7b600" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.596 19.305v-4.282a2.987 2.987 0 0 1-2.836-3.7a2.95 2.95 0 0 1 2.725-2.27a2.987 2.987 0 0 1 3.163 2.88H20c0-1.444-.494-2.791-1.297-3.992a7.305 7.305 0 0 0-12.997 1.73H4V14.2h1.664a7.3 7.3 0 0 0 2.907 3.873a7.2 7.2 0 0 0 4.025 1.232"/><path fill="#fff" d="M18.477 18.81a2.714 2.714 0 1 1 .928-3.818l-1.182.675a1.356 1.356 0 0 0-2.458.72a1.358 1.358 0 0 0 2.367.977h-.56v-.905h2.263v2.715h-1.358z"/></g><defs><clipPath id="SVGHcSWxdhd128"><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(#SVGHcSWxdhd128)"><path fill="#f7b600" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.596 19.305v-4.282a2.987 2.987 0 0 1-2.836-3.7a2.95 2.95 0 0 1 2.725-2.27a2.987 2.987 0 0 1 3.163 2.88H20c0-1.444-.494-2.791-1.297-3.992a7.305 7.305 0 0 0-12.997 1.73H4V14.2h1.664a7.3 7.3 0 0 0 2.907 3.873a7.2 7.2 0 0 0 4.025 1.232"/><path fill="#fff" d="M18.477 18.81a2.714 2.714 0 1 1 .928-3.818l-1.182.675a1.356 1.356 0 0 0-2.458.72a1.358 1.358 0 0 0 2.367.977h-.56v-.905h2.263v2.715h-1.358z"/></g><defs><clipPath id="SVGHcSWxdhd128"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-cgt-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(%23SVGHcSWxdhd128)%22%3E%3Cpath%20fill%3D%22%23f7b600%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.596%2019.305v-4.282a2.987%202.987%200%200%201-2.836-3.7a2.95%202.95%200%200%201%202.725-2.27a2.987%202.987%200%200%201%203.163%202.88H20c0-1.444-.494-2.791-1.297-3.992a7.305%207.305%200%200%200-12.997%201.73H4V14.2h1.664a7.3%207.3%200%200%200%202.907%203.873a7.2%207.2%200%200%200%204.025%201.232%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.477%2018.81a2.714%202.714%200%201%201%20.928-3.818l-1.182.675a1.356%201.356%200%200%200-2.458.72a1.358%201.358%200%200%200%202.367.977h-.56v-.905h2.263v2.715h-1.358z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd128%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(%23SVGHcSWxdhd128)%22%3E%3Cpath%20fill%3D%22%23f7b600%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.596%2019.305v-4.282a2.987%202.987%200%200%201-2.836-3.7a2.95%202.95%200%200%201%202.725-2.27a2.987%202.987%200%200%201%203.163%202.88H20c0-1.444-.494-2.791-1.297-3.992a7.305%207.305%200%200%200-12.997%201.73H4V14.2h1.664a7.3%207.3%200%200%200%202.907%203.873a7.2%207.2%200%200%200%204.025%201.232%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.477%2018.81a2.714%202.714%200%201%201%20.928-3.818l-1.182.675a1.356%201.356%200%200%200-2.458.72a1.358%201.358%200%200%200%202.367.977h-.56v-.905h2.263v2.715h-1.358z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd128%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/cgt-background.svg?color=%231a73e8&size=48
