apx logo
apx-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- apx-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 apx 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(#SVGHcSWxdhd218)"><path fill="url(#SVGZNgUIbcf)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M18.67 7.797a14.9 14.9 0 0 1-5.346 6.428a14.9 14.9 0 0 1-7.958 2.538A8.04 8.04 0 0 1 7.542 5.618a8.01 8.01 0 0 1 11.127 2.18m.33-.05v-.995a.06.06 0 0 1 .03-.05l.89-.505a.054.054 0 0 1 .076.021q.006.015.004.03v.995q.001.015-.004.03a.1.1 0 0 1-.02.02l-.892.505a.054.054 0 0 1-.076-.022a.1.1 0 0 1-.008-.029m-.498 9.146A8.05 8.05 0 0 0 20 12.218a8 8 0 0 0-.835-3.56c-2.505 3.24-4.092 7.024-4.596 11.092c1.584-.542 2.96-1.493 3.933-2.857" clip-rule="evenodd"/></g><defs><linearGradient id="SVGZNgUIbcf" x1="6.987" x2="16.975" y1="7.569" y2="18.225" gradientUnits="userSpaceOnUse"><stop stop-color="#aa42fc"/><stop offset="1" stop-color="#5a49ff"/></linearGradient><clipPath id="SVGHcSWxdhd218"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedApxBackground(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(#SVGHcSWxdhd218)"><path fill="url(#SVGZNgUIbcf)" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M18.67 7.797a14.9 14.9 0 0 1-5.346 6.428a14.9 14.9 0 0 1-7.958 2.538A8.04 8.04 0 0 1 7.542 5.618a8.01 8.01 0 0 1 11.127 2.18m.33-.05v-.995a.06.06 0 0 1 .03-.05l.89-.505a.054.054 0 0 1 .076.021q.006.015.004.03v.995q.001.015-.004.03a.1.1 0 0 1-.02.02l-.892.505a.054.054 0 0 1-.076-.022a.1.1 0 0 1-.008-.029m-.498 9.146A8.05 8.05 0 0 0 20 12.218a8 8 0 0 0-.835-3.56c-2.505 3.24-4.092 7.024-4.596 11.092c1.584-.542 2.96-1.493 3.933-2.857" clipRule="evenodd"/></g><defs><linearGradient id="SVGZNgUIbcf" x1="6.987" x2="16.975" y1="7.569" y2="18.225" gradientUnits="userSpaceOnUse"><stop stopColor="#aa42fc"/><stop offset="1" stopColor="#5a49ff"/></linearGradient><clipPath id="SVGHcSWxdhd218"><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(#SVGHcSWxdhd218)"><path fill="url(#SVGZNgUIbcf)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M18.67 7.797a14.9 14.9 0 0 1-5.346 6.428a14.9 14.9 0 0 1-7.958 2.538A8.04 8.04 0 0 1 7.542 5.618a8.01 8.01 0 0 1 11.127 2.18m.33-.05v-.995a.06.06 0 0 1 .03-.05l.89-.505a.054.054 0 0 1 .076.021q.006.015.004.03v.995q.001.015-.004.03a.1.1 0 0 1-.02.02l-.892.505a.054.054 0 0 1-.076-.022a.1.1 0 0 1-.008-.029m-.498 9.146A8.05 8.05 0 0 0 20 12.218a8 8 0 0 0-.835-3.56c-2.505 3.24-4.092 7.024-4.596 11.092c1.584-.542 2.96-1.493 3.933-2.857" clip-rule="evenodd"/></g><defs><linearGradient id="SVGZNgUIbcf" x1="6.987" x2="16.975" y1="7.569" y2="18.225" gradientUnits="userSpaceOnUse"><stop stop-color="#aa42fc"/><stop offset="1" stop-color="#5a49ff"/></linearGradient><clipPath id="SVGHcSWxdhd218"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-apx-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(%23SVGHcSWxdhd218)%22%3E%3Cpath%20fill%3D%22url(%23SVGZNgUIbcf)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.67%207.797a14.9%2014.9%200%200%201-5.346%206.428a14.9%2014.9%200%200%201-7.958%202.538A8.04%208.04%200%200%201%207.542%205.618a8.01%208.01%200%200%201%2011.127%202.18m.33-.05v-.995a.06.06%200%200%201%20.03-.05l.89-.505a.054.054%200%200%201%20.076.021q.006.015.004.03v.995q.001.015-.004.03a.1.1%200%200%201-.02.02l-.892.505a.054.054%200%200%201-.076-.022a.1.1%200%200%201-.008-.029m-.498%209.146A8.05%208.05%200%200%200%2020%2012.218a8%208%200%200%200-.835-3.56c-2.505%203.24-4.092%207.024-4.596%2011.092c1.584-.542%202.96-1.493%203.933-2.857%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGZNgUIbcf%22%20x1%3D%226.987%22%20x2%3D%2216.975%22%20y1%3D%227.569%22%20y2%3D%2218.225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23aa42fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235a49ff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd218%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(%23SVGHcSWxdhd218)%22%3E%3Cpath%20fill%3D%22url(%23SVGZNgUIbcf)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.67%207.797a14.9%2014.9%200%200%201-5.346%206.428a14.9%2014.9%200%200%201-7.958%202.538A8.04%208.04%200%200%201%207.542%205.618a8.01%208.01%200%200%201%2011.127%202.18m.33-.05v-.995a.06.06%200%200%201%20.03-.05l.89-.505a.054.054%200%200%201%20.076.021q.006.015.004.03v.995q.001.015-.004.03a.1.1%200%200%201-.02.02l-.892.505a.054.054%200%200%201-.076-.022a.1.1%200%200%201-.008-.029m-.498%209.146A8.05%208.05%200%200%200%2020%2012.218a8%208%200%200%200-.835-3.56c-2.505%203.24-4.092%207.024-4.596%2011.092c1.584-.542%202.96-1.493%203.933-2.857%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGZNgUIbcf%22%20x1%3D%226.987%22%20x2%3D%2216.975%22%20y1%3D%227.569%22%20y2%3D%2218.225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23aa42fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235a49ff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd218%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/apx-background.svg?color=%231a73e8&size=48
