pex logo
pex-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- pex-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 pex 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(#SVGHcSWxdhd112)"><path fill="url(#SVGJKISHI7R)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.328 10.547q-.066.084-.137.178c-.603.771-1.501 1.924-1.544 2.607c-.06.988 1.083 1.962 2.353 1.962s2.414-.974 2.353-1.962c-.042-.683-.94-1.84-1.543-2.612l-.349-.452c-.098-.136-.287-.15-.46-.15c-.151-.005-.382.042-.462.15q-.088.123-.21.28"/><path fill="#fff" fill-rule="evenodd" d="M19.416 12.146a7.416 7.416 0 1 1-14.833 0a7.416 7.416 0 0 1 14.833 0m-5.995-4.851c-.33.367-.998 1.162-1.045 1.412h.33l1.74-1.412zm-1.497 1.412h.15c.585.01 1.148.222 1.592.602q.114.108.207.235q.634.9 1.171 1.86l.022.036c.128.22.243.419.34.575a3 3 0 0 1 0 2.838A3.87 3.87 0 0 1 12 16.707a3.87 3.87 0 0 1-3.407-1.854a3 3 0 0 1 0-2.838c.103-.165.225-.377.357-.612l.06-.101c.314-.533.697-1.183 1.117-1.758c.48-.658 1.35-.828 1.797-.837" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M12 19.418a7.417 7.417 0 1 0-.001-14.835a7.417 7.417 0 0 0 0 14.835m0-.626A6.79 6.79 0 1 0 12 5.21a6.79 6.79 0 0 0 0 13.58" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0-.706A7.296 7.296 0 0 0 19.294 12A7.295 7.295 0 1 0 12 19.294" clip-rule="evenodd"/></g><defs><linearGradient id="SVGJKISHI7R" x1="8.782" x2="12.563" y1="6.071" y2="13.594" gradientUnits="userSpaceOnUse"><stop stop-color="#c2f2df"/><stop offset="1" stop-color="#0db775"/></linearGradient><clipPath id="SVGHcSWxdhd112"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPexBackground(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(#SVGHcSWxdhd112)"><path fill="url(#SVGJKISHI7R)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.328 10.547q-.066.084-.137.178c-.603.771-1.501 1.924-1.544 2.607c-.06.988 1.083 1.962 2.353 1.962s2.414-.974 2.353-1.962c-.042-.683-.94-1.84-1.543-2.612l-.349-.452c-.098-.136-.287-.15-.46-.15c-.151-.005-.382.042-.462.15q-.088.123-.21.28"/><path fill="#fff" fillRule="evenodd" d="M19.416 12.146a7.416 7.416 0 1 1-14.833 0a7.416 7.416 0 0 1 14.833 0m-5.995-4.851c-.33.367-.998 1.162-1.045 1.412h.33l1.74-1.412zm-1.497 1.412h.15c.585.01 1.148.222 1.592.602q.114.108.207.235q.634.9 1.171 1.86l.022.036c.128.22.243.419.34.575a3 3 0 0 1 0 2.838A3.87 3.87 0 0 1 12 16.707a3.87 3.87 0 0 1-3.407-1.854a3 3 0 0 1 0-2.838c.103-.165.225-.377.357-.612l.06-.101c.314-.533.697-1.183 1.117-1.758c.48-.658 1.35-.828 1.797-.837" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M12 19.418a7.417 7.417 0 1 0-.001-14.835a7.417 7.417 0 0 0 0 14.835m0-.626A6.79 6.79 0 1 0 12 5.21a6.79 6.79 0 0 0 0 13.58" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0-.706A7.296 7.296 0 0 0 19.294 12A7.295 7.295 0 1 0 12 19.294" clipRule="evenodd"/></g><defs><linearGradient id="SVGJKISHI7R" x1="8.782" x2="12.563" y1="6.071" y2="13.594" gradientUnits="userSpaceOnUse"><stop stopColor="#c2f2df"/><stop offset="1" stopColor="#0db775"/></linearGradient><clipPath id="SVGHcSWxdhd112"><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(#SVGHcSWxdhd112)"><path fill="url(#SVGJKISHI7R)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.328 10.547q-.066.084-.137.178c-.603.771-1.501 1.924-1.544 2.607c-.06.988 1.083 1.962 2.353 1.962s2.414-.974 2.353-1.962c-.042-.683-.94-1.84-1.543-2.612l-.349-.452c-.098-.136-.287-.15-.46-.15c-.151-.005-.382.042-.462.15q-.088.123-.21.28"/><path fill="#fff" fill-rule="evenodd" d="M19.416 12.146a7.416 7.416 0 1 1-14.833 0a7.416 7.416 0 0 1 14.833 0m-5.995-4.851c-.33.367-.998 1.162-1.045 1.412h.33l1.74-1.412zm-1.497 1.412h.15c.585.01 1.148.222 1.592.602q.114.108.207.235q.634.9 1.171 1.86l.022.036c.128.22.243.419.34.575a3 3 0 0 1 0 2.838A3.87 3.87 0 0 1 12 16.707a3.87 3.87 0 0 1-3.407-1.854a3 3 0 0 1 0-2.838c.103-.165.225-.377.357-.612l.06-.101c.314-.533.697-1.183 1.117-1.758c.48-.658 1.35-.828 1.797-.837" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M12 19.418a7.417 7.417 0 1 0-.001-14.835a7.417 7.417 0 0 0 0 14.835m0-.626A6.79 6.79 0 1 0 12 5.21a6.79 6.79 0 0 0 0 13.58" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0-.706A7.296 7.296 0 0 0 19.294 12A7.295 7.295 0 1 0 12 19.294" clip-rule="evenodd"/></g><defs><linearGradient id="SVGJKISHI7R" x1="8.782" x2="12.563" y1="6.071" y2="13.594" gradientUnits="userSpaceOnUse"><stop stop-color="#c2f2df"/><stop offset="1" stop-color="#0db775"/></linearGradient><clipPath id="SVGHcSWxdhd112"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-pex-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(%23SVGHcSWxdhd112)%22%3E%3Cpath%20fill%3D%22url(%23SVGJKISHI7R)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.328%2010.547q-.066.084-.137.178c-.603.771-1.501%201.924-1.544%202.607c-.06.988%201.083%201.962%202.353%201.962s2.414-.974%202.353-1.962c-.042-.683-.94-1.84-1.543-2.612l-.349-.452c-.098-.136-.287-.15-.46-.15c-.151-.005-.382.042-.462.15q-.088.123-.21.28%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.416%2012.146a7.416%207.416%200%201%201-14.833%200a7.416%207.416%200%200%201%2014.833%200m-5.995-4.851c-.33.367-.998%201.162-1.045%201.412h.33l1.74-1.412zm-1.497%201.412h.15c.585.01%201.148.222%201.592.602q.114.108.207.235q.634.9%201.171%201.86l.022.036c.128.22.243.419.34.575a3%203%200%200%201%200%202.838A3.87%203.87%200%200%201%2012%2016.707a3.87%203.87%200%200%201-3.407-1.854a3%203%200%200%201%200-2.838c.103-.165.225-.377.357-.612l.06-.101c.314-.533.697-1.183%201.117-1.758c.48-.658%201.35-.828%201.797-.837%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.418a7.417%207.417%200%201%200-.001-14.835a7.417%207.417%200%200%200%200%2014.835m0-.626A6.79%206.79%200%201%200%2012%205.21a6.79%206.79%200%200%200%200%2013.58%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016m0-.706A7.296%207.296%200%200%200%2019.294%2012A7.295%207.295%200%201%200%2012%2019.294%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGJKISHI7R%22%20x1%3D%228.782%22%20x2%3D%2212.563%22%20y1%3D%226.071%22%20y2%3D%2213.594%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c2f2df%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230db775%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd112%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(%23SVGHcSWxdhd112)%22%3E%3Cpath%20fill%3D%22url(%23SVGJKISHI7R)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.328%2010.547q-.066.084-.137.178c-.603.771-1.501%201.924-1.544%202.607c-.06.988%201.083%201.962%202.353%201.962s2.414-.974%202.353-1.962c-.042-.683-.94-1.84-1.543-2.612l-.349-.452c-.098-.136-.287-.15-.46-.15c-.151-.005-.382.042-.462.15q-.088.123-.21.28%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.416%2012.146a7.416%207.416%200%201%201-14.833%200a7.416%207.416%200%200%201%2014.833%200m-5.995-4.851c-.33.367-.998%201.162-1.045%201.412h.33l1.74-1.412zm-1.497%201.412h.15c.585.01%201.148.222%201.592.602q.114.108.207.235q.634.9%201.171%201.86l.022.036c.128.22.243.419.34.575a3%203%200%200%201%200%202.838A3.87%203.87%200%200%201%2012%2016.707a3.87%203.87%200%200%201-3.407-1.854a3%203%200%200%201%200-2.838c.103-.165.225-.377.357-.612l.06-.101c.314-.533.697-1.183%201.117-1.758c.48-.658%201.35-.828%201.797-.837%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.418a7.417%207.417%200%201%200-.001-14.835a7.417%207.417%200%200%200%200%2014.835m0-.626A6.79%206.79%200%201%200%2012%205.21a6.79%206.79%200%200%200%200%2013.58%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016m0-.706A7.296%207.296%200%200%200%2019.294%2012A7.295%207.295%200%201%200%2012%2019.294%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGJKISHI7R%22%20x1%3D%228.782%22%20x2%3D%2212.563%22%20y1%3D%226.071%22%20y2%3D%2213.594%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c2f2df%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230db775%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd112%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/pex-background.svg?color=%231a73e8&size=48
