xpx logo
xpx from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- xpx
- 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 xpx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#f3a91d" d="M8.837 3.22c-2.303.474-4.649 1.45-5.534 1.879c-.223 3.218.866 6.338 1.438 7.496c1.799-2.26 5.095-4.745 5.938-5.322c.572-.391.36-.916.207-1.197c-.57-1.042-1.603-2.338-2.05-2.856"/><path fill="#ef6622" d="M20.18 4.837c-3.655-1.753-7.828-1.933-9.458-1.804c1.46.855 2.305 1.97 2.701 2.256c.318.23.758.164.939.102c1.936-.81 4.685-.707 5.818-.554"/><path fill="#79b6e2" d="M20.72 5.73c.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.849"/><path fill="#1fb4ac" d="M11.912 9.502c-2.574 1.012-5.609 3.176-6.804 4.131c1.75 3.798 5.358 6.494 6.944 7.367c2.407-1.519 4.337-3.634 5.002-4.5c-1.014-2.656-3.393-6.242-3.883-6.823c-.391-.464-.954-.296-1.259-.175"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXpx(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="#f3a91d" d="M8.837 3.22c-2.303.474-4.649 1.45-5.534 1.879c-.223 3.218.866 6.338 1.438 7.496c1.799-2.26 5.095-4.745 5.938-5.322c.572-.391.36-.916.207-1.197c-.57-1.042-1.603-2.338-2.05-2.856"/><path fill="#ef6622" d="M20.18 4.837c-3.655-1.753-7.828-1.933-9.458-1.804c1.46.855 2.305 1.97 2.701 2.256c.318.23.758.164.939.102c1.936-.81 4.685-.707 5.818-.554"/><path fill="#79b6e2" d="M20.72 5.73c.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.849"/><path fill="#1fb4ac" d="M11.912 9.502c-2.574 1.012-5.609 3.176-6.804 4.131c1.75 3.798 5.358 6.494 6.944 7.367c2.407-1.519 4.337-3.634 5.002-4.5c-1.014-2.656-3.393-6.242-3.883-6.823c-.391-.464-.954-.296-1.259-.175"/></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="#f3a91d" d="M8.837 3.22c-2.303.474-4.649 1.45-5.534 1.879c-.223 3.218.866 6.338 1.438 7.496c1.799-2.26 5.095-4.745 5.938-5.322c.572-.391.36-.916.207-1.197c-.57-1.042-1.603-2.338-2.05-2.856"/><path fill="#ef6622" d="M20.18 4.837c-3.655-1.753-7.828-1.933-9.458-1.804c1.46.855 2.305 1.97 2.701 2.256c.318.23.758.164.939.102c1.936-.81 4.685-.707 5.818-.554"/><path fill="#79b6e2" d="M20.72 5.73c.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.849"/><path fill="#1fb4ac" d="M11.912 9.502c-2.574 1.012-5.609 3.176-6.804 4.131c1.75 3.798 5.358 6.494 6.944 7.367c2.407-1.519 4.337-3.634 5.002-4.5c-1.014-2.656-3.393-6.242-3.883-6.823c-.391-.464-.954-.296-1.259-.175"/></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f3a91d%22%20d%3D%22M8.837%203.22c-2.303.474-4.649%201.45-5.534%201.879c-.223%203.218.866%206.338%201.438%207.496c1.799-2.26%205.095-4.745%205.938-5.322c.572-.391.36-.916.207-1.197c-.57-1.042-1.603-2.338-2.05-2.856%22%2F%3E%3Cpath%20fill%3D%22%23ef6622%22%20d%3D%22M20.18%204.837c-3.655-1.753-7.828-1.933-9.458-1.804c1.46.855%202.305%201.97%202.701%202.256c.318.23.758.164.939.102c1.936-.81%204.685-.707%205.818-.554%22%2F%3E%3Cpath%20fill%3D%22%2379b6e2%22%20d%3D%22M20.72%205.73c.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.849%22%2F%3E%3Cpath%20fill%3D%22%231fb4ac%22%20d%3D%22M11.912%209.502c-2.574%201.012-5.609%203.176-6.804%204.131c1.75%203.798%205.358%206.494%206.944%207.367c2.407-1.519%204.337-3.634%205.002-4.5c-1.014-2.656-3.393-6.242-3.883-6.823c-.391-.464-.954-.296-1.259-.175%22%2F%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%22%23f3a91d%22%20d%3D%22M8.837%203.22c-2.303.474-4.649%201.45-5.534%201.879c-.223%203.218.866%206.338%201.438%207.496c1.799-2.26%205.095-4.745%205.938-5.322c.572-.391.36-.916.207-1.197c-.57-1.042-1.603-2.338-2.05-2.856%22%2F%3E%3Cpath%20fill%3D%22%23ef6622%22%20d%3D%22M20.18%204.837c-3.655-1.753-7.828-1.933-9.458-1.804c1.46.855%202.305%201.97%202.701%202.256c.318.23.758.164.939.102c1.936-.81%204.685-.707%205.818-.554%22%2F%3E%3Cpath%20fill%3D%22%2379b6e2%22%20d%3D%22M20.72%205.73c.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.849%22%2F%3E%3Cpath%20fill%3D%22%231fb4ac%22%20d%3D%22M11.912%209.502c-2.574%201.012-5.609%203.176-6.804%204.131c1.75%203.798%205.358%206.494%206.944%207.367c2.407-1.519%204.337-3.634%205.002-4.5c-1.014-2.656-3.393-6.242-3.883-6.823c-.391-.464-.954-.296-1.259-.175%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/xpx.svg?color=%231a73e8&size=48
