hgpt logo
hgpt-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- hgpt-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the hgpt 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(#SVGHcSWxdhd23)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVG6YZ1dVsw)" d="M12.026 19.951a7.973 7.973 0 1 0 0-15.947a7.973 7.973 0 0 0 0 15.947"/><path fill="url(#SVGa1OiJdGG)" d="M16.966 18.24A7.974 7.974 0 1 1 7.13 5.688c1.102 1.45 1.703 3.33 1.337 5.423c-.066.375-.01.717.136 1.031c.225.498.68.93 1.276 1.332c.304.212.656.413 1.017.61c.422.23.863.455 1.323.685c.469.235.952.474 1.421.732q.735.401 1.43.868a7.5 7.5 0 0 1 1.037.83c.329.31.617.66.859 1.04"/><path fill="url(#SVGAJZiweJk)" fill-rule="evenodd" d="M16.576 10.102H7.481a1.59 1.59 0 0 0-1.552 1.641c0 1.421 1.097 2.58 2.439 2.58h7.312c1.346 0 2.444-1.159 2.444-2.58a1.6 1.6 0 0 0-1.548-1.641m-5.957 2.363a.85.85 0 0 1-.14.45H8.415a.85.85 0 0 1-.14-.45c0-.53.524-.956 1.172-.956s1.172.426 1.172.956m5.629 0a.85.85 0 0 1-.14.45h-2.065a.85.85 0 0 1-.14-.45c0-.53.525-.956 1.172-.956c.648 0 1.173.426 1.173.956" clip-rule="evenodd"/></g><defs><linearGradient id="SVG6YZ1dVsw" x1="18.691" x2="11.984" y1="9.445" y2="14.267" gradientUnits="userSpaceOnUse"><stop stop-color="#6767d9"/><stop offset="1" stop-color="#9578ef"/></linearGradient><linearGradient id="SVGa1OiJdGG" x1="4.053" x2="10.554" y1="14.886" y2="9.844" gradientUnits="userSpaceOnUse"><stop stop-color="#aa80f9"/><stop offset="1" stop-color="#675add"/></linearGradient><linearGradient id="SVGAJZiweJk" x1="5.929" x2="18.124" y1="12.212" y2="12.212" gradientUnits="userSpaceOnUse"><stop stop-color="#444b8c"/><stop offset="1" stop-color="#26264f"/></linearGradient><clipPath id="SVGHcSWxdhd23"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedHgptBackground(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(#SVGHcSWxdhd23)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVG6YZ1dVsw)" d="M12.026 19.951a7.973 7.973 0 1 0 0-15.947a7.973 7.973 0 0 0 0 15.947"/><path fill="url(#SVGa1OiJdGG)" d="M16.966 18.24A7.974 7.974 0 1 1 7.13 5.688c1.102 1.45 1.703 3.33 1.337 5.423c-.066.375-.01.717.136 1.031c.225.498.68.93 1.276 1.332c.304.212.656.413 1.017.61c.422.23.863.455 1.323.685c.469.235.952.474 1.421.732q.735.401 1.43.868a7.5 7.5 0 0 1 1.037.83c.329.31.617.66.859 1.04"/><path fill="url(#SVGAJZiweJk)" fillRule="evenodd" d="M16.576 10.102H7.481a1.59 1.59 0 0 0-1.552 1.641c0 1.421 1.097 2.58 2.439 2.58h7.312c1.346 0 2.444-1.159 2.444-2.58a1.6 1.6 0 0 0-1.548-1.641m-5.957 2.363a.85.85 0 0 1-.14.45H8.415a.85.85 0 0 1-.14-.45c0-.53.524-.956 1.172-.956s1.172.426 1.172.956m5.629 0a.85.85 0 0 1-.14.45h-2.065a.85.85 0 0 1-.14-.45c0-.53.525-.956 1.172-.956c.648 0 1.173.426 1.173.956" clipRule="evenodd"/></g><defs><linearGradient id="SVG6YZ1dVsw" x1="18.691" x2="11.984" y1="9.445" y2="14.267" gradientUnits="userSpaceOnUse"><stop stopColor="#6767d9"/><stop offset="1" stopColor="#9578ef"/></linearGradient><linearGradient id="SVGa1OiJdGG" x1="4.053" x2="10.554" y1="14.886" y2="9.844" gradientUnits="userSpaceOnUse"><stop stopColor="#aa80f9"/><stop offset="1" stopColor="#675add"/></linearGradient><linearGradient id="SVGAJZiweJk" x1="5.929" x2="18.124" y1="12.212" y2="12.212" gradientUnits="userSpaceOnUse"><stop stopColor="#444b8c"/><stop offset="1" stopColor="#26264f"/></linearGradient><clipPath id="SVGHcSWxdhd23"><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(#SVGHcSWxdhd23)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVG6YZ1dVsw)" d="M12.026 19.951a7.973 7.973 0 1 0 0-15.947a7.973 7.973 0 0 0 0 15.947"/><path fill="url(#SVGa1OiJdGG)" d="M16.966 18.24A7.974 7.974 0 1 1 7.13 5.688c1.102 1.45 1.703 3.33 1.337 5.423c-.066.375-.01.717.136 1.031c.225.498.68.93 1.276 1.332c.304.212.656.413 1.017.61c.422.23.863.455 1.323.685c.469.235.952.474 1.421.732q.735.401 1.43.868a7.5 7.5 0 0 1 1.037.83c.329.31.617.66.859 1.04"/><path fill="url(#SVGAJZiweJk)" fill-rule="evenodd" d="M16.576 10.102H7.481a1.59 1.59 0 0 0-1.552 1.641c0 1.421 1.097 2.58 2.439 2.58h7.312c1.346 0 2.444-1.159 2.444-2.58a1.6 1.6 0 0 0-1.548-1.641m-5.957 2.363a.85.85 0 0 1-.14.45H8.415a.85.85 0 0 1-.14-.45c0-.53.524-.956 1.172-.956s1.172.426 1.172.956m5.629 0a.85.85 0 0 1-.14.45h-2.065a.85.85 0 0 1-.14-.45c0-.53.525-.956 1.172-.956c.648 0 1.173.426 1.173.956" clip-rule="evenodd"/></g><defs><linearGradient id="SVG6YZ1dVsw" x1="18.691" x2="11.984" y1="9.445" y2="14.267" gradientUnits="userSpaceOnUse"><stop stop-color="#6767d9"/><stop offset="1" stop-color="#9578ef"/></linearGradient><linearGradient id="SVGa1OiJdGG" x1="4.053" x2="10.554" y1="14.886" y2="9.844" gradientUnits="userSpaceOnUse"><stop stop-color="#aa80f9"/><stop offset="1" stop-color="#675add"/></linearGradient><linearGradient id="SVGAJZiweJk" x1="5.929" x2="18.124" y1="12.212" y2="12.212" gradientUnits="userSpaceOnUse"><stop stop-color="#444b8c"/><stop offset="1" stop-color="#26264f"/></linearGradient><clipPath id="SVGHcSWxdhd23"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-hgpt-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(%23SVGHcSWxdhd23)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6YZ1dVsw)%22%20d%3D%22M12.026%2019.951a7.973%207.973%200%201%200%200-15.947a7.973%207.973%200%200%200%200%2015.947%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGa1OiJdGG)%22%20d%3D%22M16.966%2018.24A7.974%207.974%200%201%201%207.13%205.688c1.102%201.45%201.703%203.33%201.337%205.423c-.066.375-.01.717.136%201.031c.225.498.68.93%201.276%201.332c.304.212.656.413%201.017.61c.422.23.863.455%201.323.685c.469.235.952.474%201.421.732q.735.401%201.43.868a7.5%207.5%200%200%201%201.037.83c.329.31.617.66.859%201.04%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAJZiweJk)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.576%2010.102H7.481a1.59%201.59%200%200%200-1.552%201.641c0%201.421%201.097%202.58%202.439%202.58h7.312c1.346%200%202.444-1.159%202.444-2.58a1.6%201.6%200%200%200-1.548-1.641m-5.957%202.363a.85.85%200%200%201-.14.45H8.415a.85.85%200%200%201-.14-.45c0-.53.524-.956%201.172-.956s1.172.426%201.172.956m5.629%200a.85.85%200%200%201-.14.45h-2.065a.85.85%200%200%201-.14-.45c0-.53.525-.956%201.172-.956c.648%200%201.173.426%201.173.956%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6YZ1dVsw%22%20x1%3D%2218.691%22%20x2%3D%2211.984%22%20y1%3D%229.445%22%20y2%3D%2214.267%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236767d9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239578ef%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGa1OiJdGG%22%20x1%3D%224.053%22%20x2%3D%2210.554%22%20y1%3D%2214.886%22%20y2%3D%229.844%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23aa80f9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23675add%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAJZiweJk%22%20x1%3D%225.929%22%20x2%3D%2218.124%22%20y1%3D%2212.212%22%20y2%3D%2212.212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23444b8c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2326264f%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd23%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(%23SVGHcSWxdhd23)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6YZ1dVsw)%22%20d%3D%22M12.026%2019.951a7.973%207.973%200%201%200%200-15.947a7.973%207.973%200%200%200%200%2015.947%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGa1OiJdGG)%22%20d%3D%22M16.966%2018.24A7.974%207.974%200%201%201%207.13%205.688c1.102%201.45%201.703%203.33%201.337%205.423c-.066.375-.01.717.136%201.031c.225.498.68.93%201.276%201.332c.304.212.656.413%201.017.61c.422.23.863.455%201.323.685c.469.235.952.474%201.421.732q.735.401%201.43.868a7.5%207.5%200%200%201%201.037.83c.329.31.617.66.859%201.04%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAJZiweJk)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.576%2010.102H7.481a1.59%201.59%200%200%200-1.552%201.641c0%201.421%201.097%202.58%202.439%202.58h7.312c1.346%200%202.444-1.159%202.444-2.58a1.6%201.6%200%200%200-1.548-1.641m-5.957%202.363a.85.85%200%200%201-.14.45H8.415a.85.85%200%200%201-.14-.45c0-.53.524-.956%201.172-.956s1.172.426%201.172.956m5.629%200a.85.85%200%200%201-.14.45h-2.065a.85.85%200%200%201-.14-.45c0-.53.525-.956%201.172-.956c.648%200%201.173.426%201.173.956%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6YZ1dVsw%22%20x1%3D%2218.691%22%20x2%3D%2211.984%22%20y1%3D%229.445%22%20y2%3D%2214.267%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236767d9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239578ef%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGa1OiJdGG%22%20x1%3D%224.053%22%20x2%3D%2210.554%22%20y1%3D%2214.886%22%20y2%3D%229.844%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23aa80f9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23675add%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAJZiweJk%22%20x1%3D%225.929%22%20x2%3D%2218.124%22%20y1%3D%2212.212%22%20y2%3D%2212.212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23444b8c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2326264f%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd23%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/hgpt-background.svg?color=%231a73e8&size=48
