pex logo
pex from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- pex
- Set
- Web3 Icons Branded
- Style
- Branded
- 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"><path fill="url(#SVG1cdbgbvz)" d="m11.244 10.366l-.154.2c-.678.867-1.69 2.164-1.737 2.932c-.069 1.112 1.218 2.208 2.647 2.208c1.43 0 2.716-1.096 2.647-2.208c-.047-.768-1.059-2.07-1.736-2.938l-.392-.508c-.111-.154-.323-.17-.519-.17c-.17-.005-.428.048-.518.17a9 9 0 0 1-.238.314"/><path fill="url(#SVGEAIA3ZEW)" fill-rule="evenodd" d="M20.343 12.164a8.343 8.343 0 1 1-16.687 0a8.343 8.343 0 0 1 16.687 0m-6.745-5.458c-.37.413-1.122 1.308-1.175 1.589h.37l1.96-1.589zm-1.683 1.589h.17c.656.01 1.29.25 1.789.677q.128.122.233.265a24 24 0 0 1 1.318 2.091l.024.042c.144.248.273.47.383.646a3.37 3.37 0 0 1 0 3.193A4.35 4.35 0 0 1 12 17.295a4.35 4.35 0 0 1-3.833-2.086a3.37 3.37 0 0 1 0-3.193c.116-.185.254-.423.402-.688l.067-.114c.354-.6.784-1.33 1.257-1.977c.54-.741 1.519-.932 2.022-.942" clip-rule="evenodd"/><path fill="url(#SVGDWGJncSw)" fill-rule="evenodd" d="M12 20.345a8.345 8.345 0 1 0-.001-16.69a8.345 8.345 0 0 0 0 16.69m0-.704a7.639 7.639 0 1 0 0-15.278a7.639 7.639 0 0 0 0 15.278" clip-rule="evenodd"/><path fill="url(#SVGBNuIocql)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-.794a8.206 8.206 0 1 0 0-16.413a8.206 8.206 0 0 0 0 16.413" clip-rule="evenodd"/><defs><linearGradient id="SVG1cdbgbvz" x1="8.379" x2="12.634" y1="5.33" y2="13.793" gradientUnits="userSpaceOnUse"><stop stop-color="#c2f2df"/><stop offset="1" stop-color="#0db775"/></linearGradient><linearGradient id="SVGEAIA3ZEW" x1="8.379" x2="12.633" y1="5.33" y2="13.794" gradientUnits="userSpaceOnUse"><stop stop-color="#c2f2df"/><stop offset="1" stop-color="#0db775"/></linearGradient><linearGradient id="SVGDWGJncSw" x1="2.206" x2="20.492" y1="10.117" y2="14.297" gradientUnits="userSpaceOnUse"><stop stop-color="#05462e"/><stop offset="1" stop-color="#23c49b"/></linearGradient><linearGradient id="SVGBNuIocql" x1="7.219" x2="14.118" y1="4.456" y2="20.571" gradientUnits="userSpaceOnUse"><stop stop-color="#24c998"/><stop offset="1" stop-color="#2ead7b"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPex(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"><path fill="url(#SVG1cdbgbvz)" d="m11.244 10.366l-.154.2c-.678.867-1.69 2.164-1.737 2.932c-.069 1.112 1.218 2.208 2.647 2.208c1.43 0 2.716-1.096 2.647-2.208c-.047-.768-1.059-2.07-1.736-2.938l-.392-.508c-.111-.154-.323-.17-.519-.17c-.17-.005-.428.048-.518.17a9 9 0 0 1-.238.314"/><path fill="url(#SVGEAIA3ZEW)" fillRule="evenodd" d="M20.343 12.164a8.343 8.343 0 1 1-16.687 0a8.343 8.343 0 0 1 16.687 0m-6.745-5.458c-.37.413-1.122 1.308-1.175 1.589h.37l1.96-1.589zm-1.683 1.589h.17c.656.01 1.29.25 1.789.677q.128.122.233.265a24 24 0 0 1 1.318 2.091l.024.042c.144.248.273.47.383.646a3.37 3.37 0 0 1 0 3.193A4.35 4.35 0 0 1 12 17.295a4.35 4.35 0 0 1-3.833-2.086a3.37 3.37 0 0 1 0-3.193c.116-.185.254-.423.402-.688l.067-.114c.354-.6.784-1.33 1.257-1.977c.54-.741 1.519-.932 2.022-.942" clipRule="evenodd"/><path fill="url(#SVGDWGJncSw)" fillRule="evenodd" d="M12 20.345a8.345 8.345 0 1 0-.001-16.69a8.345 8.345 0 0 0 0 16.69m0-.704a7.639 7.639 0 1 0 0-15.278a7.639 7.639 0 0 0 0 15.278" clipRule="evenodd"/><path fill="url(#SVGBNuIocql)" fillRule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-.794a8.206 8.206 0 1 0 0-16.413a8.206 8.206 0 0 0 0 16.413" clipRule="evenodd"/><defs><linearGradient id="SVG1cdbgbvz" x1="8.379" x2="12.634" y1="5.33" y2="13.793" gradientUnits="userSpaceOnUse"><stop stopColor="#c2f2df"/><stop offset="1" stopColor="#0db775"/></linearGradient><linearGradient id="SVGEAIA3ZEW" x1="8.379" x2="12.633" y1="5.33" y2="13.794" gradientUnits="userSpaceOnUse"><stop stopColor="#c2f2df"/><stop offset="1" stopColor="#0db775"/></linearGradient><linearGradient id="SVGDWGJncSw" x1="2.206" x2="20.492" y1="10.117" y2="14.297" gradientUnits="userSpaceOnUse"><stop stopColor="#05462e"/><stop offset="1" stopColor="#23c49b"/></linearGradient><linearGradient id="SVGBNuIocql" x1="7.219" x2="14.118" y1="4.456" y2="20.571" gradientUnits="userSpaceOnUse"><stop stopColor="#24c998"/><stop offset="1" stopColor="#2ead7b"/></linearGradient></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"><path fill="url(#SVG1cdbgbvz)" d="m11.244 10.366l-.154.2c-.678.867-1.69 2.164-1.737 2.932c-.069 1.112 1.218 2.208 2.647 2.208c1.43 0 2.716-1.096 2.647-2.208c-.047-.768-1.059-2.07-1.736-2.938l-.392-.508c-.111-.154-.323-.17-.519-.17c-.17-.005-.428.048-.518.17a9 9 0 0 1-.238.314"/><path fill="url(#SVGEAIA3ZEW)" fill-rule="evenodd" d="M20.343 12.164a8.343 8.343 0 1 1-16.687 0a8.343 8.343 0 0 1 16.687 0m-6.745-5.458c-.37.413-1.122 1.308-1.175 1.589h.37l1.96-1.589zm-1.683 1.589h.17c.656.01 1.29.25 1.789.677q.128.122.233.265a24 24 0 0 1 1.318 2.091l.024.042c.144.248.273.47.383.646a3.37 3.37 0 0 1 0 3.193A4.35 4.35 0 0 1 12 17.295a4.35 4.35 0 0 1-3.833-2.086a3.37 3.37 0 0 1 0-3.193c.116-.185.254-.423.402-.688l.067-.114c.354-.6.784-1.33 1.257-1.977c.54-.741 1.519-.932 2.022-.942" clip-rule="evenodd"/><path fill="url(#SVGDWGJncSw)" fill-rule="evenodd" d="M12 20.345a8.345 8.345 0 1 0-.001-16.69a8.345 8.345 0 0 0 0 16.69m0-.704a7.639 7.639 0 1 0 0-15.278a7.639 7.639 0 0 0 0 15.278" clip-rule="evenodd"/><path fill="url(#SVGBNuIocql)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-.794a8.206 8.206 0 1 0 0-16.413a8.206 8.206 0 0 0 0 16.413" clip-rule="evenodd"/><defs><linearGradient id="SVG1cdbgbvz" x1="8.379" x2="12.634" y1="5.33" y2="13.793" gradientUnits="userSpaceOnUse"><stop stop-color="#c2f2df"/><stop offset="1" stop-color="#0db775"/></linearGradient><linearGradient id="SVGEAIA3ZEW" x1="8.379" x2="12.633" y1="5.33" y2="13.794" gradientUnits="userSpaceOnUse"><stop stop-color="#c2f2df"/><stop offset="1" stop-color="#0db775"/></linearGradient><linearGradient id="SVGDWGJncSw" x1="2.206" x2="20.492" y1="10.117" y2="14.297" gradientUnits="userSpaceOnUse"><stop stop-color="#05462e"/><stop offset="1" stop-color="#23c49b"/></linearGradient><linearGradient id="SVGBNuIocql" x1="7.219" x2="14.118" y1="4.456" y2="20.571" gradientUnits="userSpaceOnUse"><stop stop-color="#24c998"/><stop offset="1" stop-color="#2ead7b"/></linearGradient></defs></g></svg> </template>
CSS
.icon-pex {
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%3Cpath%20fill%3D%22url(%23SVG1cdbgbvz)%22%20d%3D%22m11.244%2010.366l-.154.2c-.678.867-1.69%202.164-1.737%202.932c-.069%201.112%201.218%202.208%202.647%202.208c1.43%200%202.716-1.096%202.647-2.208c-.047-.768-1.059-2.07-1.736-2.938l-.392-.508c-.111-.154-.323-.17-.519-.17c-.17-.005-.428.048-.518.17a9%209%200%200%201-.238.314%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEAIA3ZEW)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.343%2012.164a8.343%208.343%200%201%201-16.687%200a8.343%208.343%200%200%201%2016.687%200m-6.745-5.458c-.37.413-1.122%201.308-1.175%201.589h.37l1.96-1.589zm-1.683%201.589h.17c.656.01%201.29.25%201.789.677q.128.122.233.265a24%2024%200%200%201%201.318%202.091l.024.042c.144.248.273.47.383.646a3.37%203.37%200%200%201%200%203.193A4.35%204.35%200%200%201%2012%2017.295a4.35%204.35%200%200%201-3.833-2.086a3.37%203.37%200%200%201%200-3.193c.116-.185.254-.423.402-.688l.067-.114c.354-.6.784-1.33%201.257-1.977c.54-.741%201.519-.932%202.022-.942%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDWGJncSw)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.345a8.345%208.345%200%201%200-.001-16.69a8.345%208.345%200%200%200%200%2016.69m0-.704a7.639%207.639%200%201%200%200-15.278a7.639%207.639%200%200%200%200%2015.278%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBNuIocql)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m0-.794a8.206%208.206%200%201%200%200-16.413a8.206%208.206%200%200%200%200%2016.413%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1cdbgbvz%22%20x1%3D%228.379%22%20x2%3D%2212.634%22%20y1%3D%225.33%22%20y2%3D%2213.793%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%3ClinearGradient%20id%3D%22SVGEAIA3ZEW%22%20x1%3D%228.379%22%20x2%3D%2212.633%22%20y1%3D%225.33%22%20y2%3D%2213.794%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%3ClinearGradient%20id%3D%22SVGDWGJncSw%22%20x1%3D%222.206%22%20x2%3D%2220.492%22%20y1%3D%2210.117%22%20y2%3D%2214.297%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2305462e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2323c49b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGBNuIocql%22%20x1%3D%227.219%22%20x2%3D%2214.118%22%20y1%3D%224.456%22%20y2%3D%2220.571%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2324c998%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232ead7b%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVG1cdbgbvz)%22%20d%3D%22m11.244%2010.366l-.154.2c-.678.867-1.69%202.164-1.737%202.932c-.069%201.112%201.218%202.208%202.647%202.208c1.43%200%202.716-1.096%202.647-2.208c-.047-.768-1.059-2.07-1.736-2.938l-.392-.508c-.111-.154-.323-.17-.519-.17c-.17-.005-.428.048-.518.17a9%209%200%200%201-.238.314%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEAIA3ZEW)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.343%2012.164a8.343%208.343%200%201%201-16.687%200a8.343%208.343%200%200%201%2016.687%200m-6.745-5.458c-.37.413-1.122%201.308-1.175%201.589h.37l1.96-1.589zm-1.683%201.589h.17c.656.01%201.29.25%201.789.677q.128.122.233.265a24%2024%200%200%201%201.318%202.091l.024.042c.144.248.273.47.383.646a3.37%203.37%200%200%201%200%203.193A4.35%204.35%200%200%201%2012%2017.295a4.35%204.35%200%200%201-3.833-2.086a3.37%203.37%200%200%201%200-3.193c.116-.185.254-.423.402-.688l.067-.114c.354-.6.784-1.33%201.257-1.977c.54-.741%201.519-.932%202.022-.942%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDWGJncSw)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.345a8.345%208.345%200%201%200-.001-16.69a8.345%208.345%200%200%200%200%2016.69m0-.704a7.639%207.639%200%201%200%200-15.278a7.639%207.639%200%200%200%200%2015.278%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBNuIocql)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m0-.794a8.206%208.206%200%201%200%200-16.413a8.206%208.206%200%200%200%200%2016.413%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1cdbgbvz%22%20x1%3D%228.379%22%20x2%3D%2212.634%22%20y1%3D%225.33%22%20y2%3D%2213.793%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%3ClinearGradient%20id%3D%22SVGEAIA3ZEW%22%20x1%3D%228.379%22%20x2%3D%2212.633%22%20y1%3D%225.33%22%20y2%3D%2213.794%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%3ClinearGradient%20id%3D%22SVGDWGJncSw%22%20x1%3D%222.206%22%20x2%3D%2220.492%22%20y1%3D%2210.117%22%20y2%3D%2214.297%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2305462e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2323c49b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGBNuIocql%22%20x1%3D%227.219%22%20x2%3D%2214.118%22%20y1%3D%224.456%22%20y2%3D%2220.571%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2324c998%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232ead7b%22%2F%3E%3C%2FlinearGradient%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.svg?color=%231a73e8&size=48
