gofx logo
gofx-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- gofx-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 gofx 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(#SVGHcSWxdhd71)"><path fill="url(#SVG4xz2vcmD)" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.795 4.075c.62.1 1.055.22 1.315.375c.25.15.525.45.815.9c-.155.13-.29.2-.405.22c-.315.055-.615-.065-.895-.19a.625.625 0 0 0-.81.29c-.1.2-.045.46.125.61c.165.14.42.175.62.235a.42.42 0 0 1 .16.39c-.015.17-.095.33-.24.49l.23.615q-.414.091-1 .055c-.655-.04-1.13-.68-1.7-.97A5 5 0 0 0 12 7c-3 0-5 2.34-5 5c0 2.63 2.25 5 5.04 5c2.21 0 3.625-1.075 4.46-2.5h-1.55c-.775 0-1.46-.4-1.675-1.125l-.26-.935a.3.3 0 0 1-.015-.095a.35.35 0 0 1 .35-.345h5.7c.47 0 .88.35.935.805L20 13c.015.82-.425 1.96-.845 2.75A8.05 8.05 0 0 1 12.04 20A8.04 8.04 0 0 1 4 12c0-4.16 3.235-7.515 7.35-7.86c.55-.08 1.1-.145 1.65-.14c.49 0 1.085.03 1.795.075M17.15 5.63q.338.262.435.435q.09.166.18.565l.01.05l1.52 1.34c.085.075.145.17.165.28l.005.03l.015.1a.1.1 0 0 1-.055.1l-.015.005l-.08.03l-.075-.01c-1.54-.2-2.48-.375-2.82-.515q-.45-.187-.195-.855c.09-.22 0-.41-.08-.61c-.08-.19-.265-.325-.405-.465c-.165-.03-.31 0-.47-.06a.2.2 0 0 1-.06-.045c-.1-.1-.03-.265.09-.32c.2-.1.465.05.63.155c.325.065.565.08.72.055c.15-.025.315-.115.485-.265"/></g><defs><linearGradient id="SVG4xz2vcmD" x1="5.64" x2="16.945" y1="7.715" y2="19.19" gradientUnits="userSpaceOnUse"><stop stop-color="#5250ff"/><stop offset="1" stop-color="#e959ff"/></linearGradient><clipPath id="SVGHcSWxdhd71"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedGofxBackground(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(#SVGHcSWxdhd71)"><path fill="url(#SVG4xz2vcmD)" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.795 4.075c.62.1 1.055.22 1.315.375c.25.15.525.45.815.9c-.155.13-.29.2-.405.22c-.315.055-.615-.065-.895-.19a.625.625 0 0 0-.81.29c-.1.2-.045.46.125.61c.165.14.42.175.62.235a.42.42 0 0 1 .16.39c-.015.17-.095.33-.24.49l.23.615q-.414.091-1 .055c-.655-.04-1.13-.68-1.7-.97A5 5 0 0 0 12 7c-3 0-5 2.34-5 5c0 2.63 2.25 5 5.04 5c2.21 0 3.625-1.075 4.46-2.5h-1.55c-.775 0-1.46-.4-1.675-1.125l-.26-.935a.3.3 0 0 1-.015-.095a.35.35 0 0 1 .35-.345h5.7c.47 0 .88.35.935.805L20 13c.015.82-.425 1.96-.845 2.75A8.05 8.05 0 0 1 12.04 20A8.04 8.04 0 0 1 4 12c0-4.16 3.235-7.515 7.35-7.86c.55-.08 1.1-.145 1.65-.14c.49 0 1.085.03 1.795.075M17.15 5.63q.338.262.435.435q.09.166.18.565l.01.05l1.52 1.34c.085.075.145.17.165.28l.005.03l.015.1a.1.1 0 0 1-.055.1l-.015.005l-.08.03l-.075-.01c-1.54-.2-2.48-.375-2.82-.515q-.45-.187-.195-.855c.09-.22 0-.41-.08-.61c-.08-.19-.265-.325-.405-.465c-.165-.03-.31 0-.47-.06a.2.2 0 0 1-.06-.045c-.1-.1-.03-.265.09-.32c.2-.1.465.05.63.155c.325.065.565.08.72.055c.15-.025.315-.115.485-.265"/></g><defs><linearGradient id="SVG4xz2vcmD" x1="5.64" x2="16.945" y1="7.715" y2="19.19" gradientUnits="userSpaceOnUse"><stop stopColor="#5250ff"/><stop offset="1" stopColor="#e959ff"/></linearGradient><clipPath id="SVGHcSWxdhd71"><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(#SVGHcSWxdhd71)"><path fill="url(#SVG4xz2vcmD)" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.795 4.075c.62.1 1.055.22 1.315.375c.25.15.525.45.815.9c-.155.13-.29.2-.405.22c-.315.055-.615-.065-.895-.19a.625.625 0 0 0-.81.29c-.1.2-.045.46.125.61c.165.14.42.175.62.235a.42.42 0 0 1 .16.39c-.015.17-.095.33-.24.49l.23.615q-.414.091-1 .055c-.655-.04-1.13-.68-1.7-.97A5 5 0 0 0 12 7c-3 0-5 2.34-5 5c0 2.63 2.25 5 5.04 5c2.21 0 3.625-1.075 4.46-2.5h-1.55c-.775 0-1.46-.4-1.675-1.125l-.26-.935a.3.3 0 0 1-.015-.095a.35.35 0 0 1 .35-.345h5.7c.47 0 .88.35.935.805L20 13c.015.82-.425 1.96-.845 2.75A8.05 8.05 0 0 1 12.04 20A8.04 8.04 0 0 1 4 12c0-4.16 3.235-7.515 7.35-7.86c.55-.08 1.1-.145 1.65-.14c.49 0 1.085.03 1.795.075M17.15 5.63q.338.262.435.435q.09.166.18.565l.01.05l1.52 1.34c.085.075.145.17.165.28l.005.03l.015.1a.1.1 0 0 1-.055.1l-.015.005l-.08.03l-.075-.01c-1.54-.2-2.48-.375-2.82-.515q-.45-.187-.195-.855c.09-.22 0-.41-.08-.61c-.08-.19-.265-.325-.405-.465c-.165-.03-.31 0-.47-.06a.2.2 0 0 1-.06-.045c-.1-.1-.03-.265.09-.32c.2-.1.465.05.63.155c.325.065.565.08.72.055c.15-.025.315-.115.485-.265"/></g><defs><linearGradient id="SVG4xz2vcmD" x1="5.64" x2="16.945" y1="7.715" y2="19.19" gradientUnits="userSpaceOnUse"><stop stop-color="#5250ff"/><stop offset="1" stop-color="#e959ff"/></linearGradient><clipPath id="SVGHcSWxdhd71"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-gofx-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(%23SVGHcSWxdhd71)%22%3E%3Cpath%20fill%3D%22url(%23SVG4xz2vcmD)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.795%204.075c.62.1%201.055.22%201.315.375c.25.15.525.45.815.9c-.155.13-.29.2-.405.22c-.315.055-.615-.065-.895-.19a.625.625%200%200%200-.81.29c-.1.2-.045.46.125.61c.165.14.42.175.62.235a.42.42%200%200%201%20.16.39c-.015.17-.095.33-.24.49l.23.615q-.414.091-1%20.055c-.655-.04-1.13-.68-1.7-.97A5%205%200%200%200%2012%207c-3%200-5%202.34-5%205c0%202.63%202.25%205%205.04%205c2.21%200%203.625-1.075%204.46-2.5h-1.55c-.775%200-1.46-.4-1.675-1.125l-.26-.935a.3.3%200%200%201-.015-.095a.35.35%200%200%201%20.35-.345h5.7c.47%200%20.88.35.935.805L20%2013c.015.82-.425%201.96-.845%202.75A8.05%208.05%200%200%201%2012.04%2020A8.04%208.04%200%200%201%204%2012c0-4.16%203.235-7.515%207.35-7.86c.55-.08%201.1-.145%201.65-.14c.49%200%201.085.03%201.795.075M17.15%205.63q.338.262.435.435q.09.166.18.565l.01.05l1.52%201.34c.085.075.145.17.165.28l.005.03l.015.1a.1.1%200%200%201-.055.1l-.015.005l-.08.03l-.075-.01c-1.54-.2-2.48-.375-2.82-.515q-.45-.187-.195-.855c.09-.22%200-.41-.08-.61c-.08-.19-.265-.325-.405-.465c-.165-.03-.31%200-.47-.06a.2.2%200%200%201-.06-.045c-.1-.1-.03-.265.09-.32c.2-.1.465.05.63.155c.325.065.565.08.72.055c.15-.025.315-.115.485-.265%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG4xz2vcmD%22%20x1%3D%225.64%22%20x2%3D%2216.945%22%20y1%3D%227.715%22%20y2%3D%2219.19%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235250ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e959ff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd71%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(%23SVGHcSWxdhd71)%22%3E%3Cpath%20fill%3D%22url(%23SVG4xz2vcmD)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.795%204.075c.62.1%201.055.22%201.315.375c.25.15.525.45.815.9c-.155.13-.29.2-.405.22c-.315.055-.615-.065-.895-.19a.625.625%200%200%200-.81.29c-.1.2-.045.46.125.61c.165.14.42.175.62.235a.42.42%200%200%201%20.16.39c-.015.17-.095.33-.24.49l.23.615q-.414.091-1%20.055c-.655-.04-1.13-.68-1.7-.97A5%205%200%200%200%2012%207c-3%200-5%202.34-5%205c0%202.63%202.25%205%205.04%205c2.21%200%203.625-1.075%204.46-2.5h-1.55c-.775%200-1.46-.4-1.675-1.125l-.26-.935a.3.3%200%200%201-.015-.095a.35.35%200%200%201%20.35-.345h5.7c.47%200%20.88.35.935.805L20%2013c.015.82-.425%201.96-.845%202.75A8.05%208.05%200%200%201%2012.04%2020A8.04%208.04%200%200%201%204%2012c0-4.16%203.235-7.515%207.35-7.86c.55-.08%201.1-.145%201.65-.14c.49%200%201.085.03%201.795.075M17.15%205.63q.338.262.435.435q.09.166.18.565l.01.05l1.52%201.34c.085.075.145.17.165.28l.005.03l.015.1a.1.1%200%200%201-.055.1l-.015.005l-.08.03l-.075-.01c-1.54-.2-2.48-.375-2.82-.515q-.45-.187-.195-.855c.09-.22%200-.41-.08-.61c-.08-.19-.265-.325-.405-.465c-.165-.03-.31%200-.47-.06a.2.2%200%200%201-.06-.045c-.1-.1-.03-.265.09-.32c.2-.1.465.05.63.155c.325.065.565.08.72.055c.15-.025.315-.115.485-.265%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG4xz2vcmD%22%20x1%3D%225.64%22%20x2%3D%2216.945%22%20y1%3D%227.715%22%20y2%3D%2219.19%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235250ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e959ff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd71%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/gofx-background.svg?color=%231a73e8&size=48
