xpx logo
xpx from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- xpx
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the xpx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.836 3.22c-2.302.474-4.648 1.45-5.534 1.879c-.223 3.218.866 6.338 1.438 7.496c1.8-2.26 5.096-4.745 5.938-5.322c.572-.391.361-.916.207-1.197c-.57-1.042-1.603-2.338-2.049-2.856M20.18 4.837c-3.655-1.753-7.829-1.933-9.459-1.804c1.46.855 2.305 1.97 2.702 2.256c.318.23.758.164.939.102c1.935-.81 4.685-.707 5.817-.554m.541.893c.134 4.019-1.826 8.073-2.823 9.598c0-.28-1.578-5.154-2.098-6.236c-.417-.867-.265-1.328 0-1.513c2.11-1.479 4.16-1.849 4.922-1.849m-8.81 3.772c-2.574 1.012-5.608 3.176-6.804 4.131c1.75 3.798 5.358 6.494 6.944 7.367c2.406-1.519 4.337-3.634 5.002-4.501c-1.014-2.655-3.393-6.241-3.883-6.822c-.392-.464-.954-.296-1.259-.175"/></svg>
React
import type { SVGProps } from "react";
export function TokenXpx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.836 3.22c-2.302.474-4.648 1.45-5.534 1.879c-.223 3.218.866 6.338 1.438 7.496c1.8-2.26 5.096-4.745 5.938-5.322c.572-.391.361-.916.207-1.197c-.57-1.042-1.603-2.338-2.049-2.856M20.18 4.837c-3.655-1.753-7.829-1.933-9.459-1.804c1.46.855 2.305 1.97 2.702 2.256c.318.23.758.164.939.102c1.935-.81 4.685-.707 5.817-.554m.541.893c.134 4.019-1.826 8.073-2.823 9.598c0-.28-1.578-5.154-2.098-6.236c-.417-.867-.265-1.328 0-1.513c2.11-1.479 4.16-1.849 4.922-1.849m-8.81 3.772c-2.574 1.012-5.608 3.176-6.804 4.131c1.75 3.798 5.358 6.494 6.944 7.367c2.406-1.519 4.337-3.634 5.002-4.501c-1.014-2.655-3.393-6.241-3.883-6.822c-.392-.464-.954-.296-1.259-.175"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.836 3.22c-2.302.474-4.648 1.45-5.534 1.879c-.223 3.218.866 6.338 1.438 7.496c1.8-2.26 5.096-4.745 5.938-5.322c.572-.391.361-.916.207-1.197c-.57-1.042-1.603-2.338-2.049-2.856M20.18 4.837c-3.655-1.753-7.829-1.933-9.459-1.804c1.46.855 2.305 1.97 2.702 2.256c.318.23.758.164.939.102c1.935-.81 4.685-.707 5.817-.554m.541.893c.134 4.019-1.826 8.073-2.823 9.598c0-.28-1.578-5.154-2.098-6.236c-.417-.867-.265-1.328 0-1.513c2.11-1.479 4.16-1.849 4.922-1.849m-8.81 3.772c-2.574 1.012-5.608 3.176-6.804 4.131c1.75 3.798 5.358 6.494 6.944 7.367c2.406-1.519 4.337-3.634 5.002-4.501c-1.014-2.655-3.393-6.241-3.883-6.822c-.392-.464-.954-.296-1.259-.175"/></svg> </template>
CSS
.icon-xpx {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.836%203.22c-2.302.474-4.648%201.45-5.534%201.879c-.223%203.218.866%206.338%201.438%207.496c1.8-2.26%205.096-4.745%205.938-5.322c.572-.391.361-.916.207-1.197c-.57-1.042-1.603-2.338-2.049-2.856M20.18%204.837c-3.655-1.753-7.829-1.933-9.459-1.804c1.46.855%202.305%201.97%202.702%202.256c.318.23.758.164.939.102c1.935-.81%204.685-.707%205.817-.554m.541.893c.134%204.019-1.826%208.073-2.823%209.598c0-.28-1.578-5.154-2.098-6.236c-.417-.867-.265-1.328%200-1.513c2.11-1.479%204.16-1.849%204.922-1.849m-8.81%203.772c-2.574%201.012-5.608%203.176-6.804%204.131c1.75%203.798%205.358%206.494%206.944%207.367c2.406-1.519%204.337-3.634%205.002-4.501c-1.014-2.655-3.393-6.241-3.883-6.822c-.392-.464-.954-.296-1.259-.175%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.836%203.22c-2.302.474-4.648%201.45-5.534%201.879c-.223%203.218.866%206.338%201.438%207.496c1.8-2.26%205.096-4.745%205.938-5.322c.572-.391.361-.916.207-1.197c-.57-1.042-1.603-2.338-2.049-2.856M20.18%204.837c-3.655-1.753-7.829-1.933-9.459-1.804c1.46.855%202.305%201.97%202.702%202.256c.318.23.758.164.939.102c1.935-.81%204.685-.707%205.817-.554m.541.893c.134%204.019-1.826%208.073-2.823%209.598c0-.28-1.578-5.154-2.098-6.236c-.417-.867-.265-1.328%200-1.513c2.11-1.479%204.16-1.849%204.922-1.849m-8.81%203.772c-2.574%201.012-5.608%203.176-6.804%204.131c1.75%203.798%205.358%206.494%206.944%207.367c2.406-1.519%204.337-3.634%205.002-4.501c-1.014-2.655-3.393-6.241-3.883-6.822c-.392-.464-.954-.296-1.259-.175%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/xpx.svg?color=%231a73e8&size=48
