xpx logo
xpx-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- xpx-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 xpx 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(#SVGHcSWxdhd134)"><path fill="#f3a91d" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.188 4.195c-2.046.422-4.132 1.29-4.92 1.67c-.197 2.861.77 5.635 1.28 6.664c1.598-2.009 4.529-4.218 5.277-4.73c.509-.348.321-.815.185-1.065c-.507-.926-1.425-2.078-1.822-2.539M19.27 5.633c-3.248-1.558-6.958-1.718-8.407-1.604c1.299.76 2.05 1.752 2.402 2.006c.282.204.674.145.834.09c1.72-.72 4.165-.628 5.171-.492m.482.794c.119 3.572-1.623 7.175-2.51 8.531c0-.25-1.403-4.581-1.865-5.544c-.37-.77-.236-1.18 0-1.344c1.876-1.315 3.698-1.643 4.375-1.643m-7.831 3.352c-2.288.9-4.985 2.823-6.047 3.673c1.554 3.375 4.762 5.772 6.172 6.548c2.139-1.35 3.855-3.23 4.445-4.001c-.9-2.36-3.015-5.548-3.45-6.064c-.349-.413-.849-.263-1.12-.156"/></g><defs><clipPath id="SVGHcSWxdhd134"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedXpxBackground(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(#SVGHcSWxdhd134)"><path fill="#f3a91d" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.188 4.195c-2.046.422-4.132 1.29-4.92 1.67c-.197 2.861.77 5.635 1.28 6.664c1.598-2.009 4.529-4.218 5.277-4.73c.509-.348.321-.815.185-1.065c-.507-.926-1.425-2.078-1.822-2.539M19.27 5.633c-3.248-1.558-6.958-1.718-8.407-1.604c1.299.76 2.05 1.752 2.402 2.006c.282.204.674.145.834.09c1.72-.72 4.165-.628 5.171-.492m.482.794c.119 3.572-1.623 7.175-2.51 8.531c0-.25-1.403-4.581-1.865-5.544c-.37-.77-.236-1.18 0-1.344c1.876-1.315 3.698-1.643 4.375-1.643m-7.831 3.352c-2.288.9-4.985 2.823-6.047 3.673c1.554 3.375 4.762 5.772 6.172 6.548c2.139-1.35 3.855-3.23 4.445-4.001c-.9-2.36-3.015-5.548-3.45-6.064c-.349-.413-.849-.263-1.12-.156"/></g><defs><clipPath id="SVGHcSWxdhd134"><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(#SVGHcSWxdhd134)"><path fill="#f3a91d" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.188 4.195c-2.046.422-4.132 1.29-4.92 1.67c-.197 2.861.77 5.635 1.28 6.664c1.598-2.009 4.529-4.218 5.277-4.73c.509-.348.321-.815.185-1.065c-.507-.926-1.425-2.078-1.822-2.539M19.27 5.633c-3.248-1.558-6.958-1.718-8.407-1.604c1.299.76 2.05 1.752 2.402 2.006c.282.204.674.145.834.09c1.72-.72 4.165-.628 5.171-.492m.482.794c.119 3.572-1.623 7.175-2.51 8.531c0-.25-1.403-4.581-1.865-5.544c-.37-.77-.236-1.18 0-1.344c1.876-1.315 3.698-1.643 4.375-1.643m-7.831 3.352c-2.288.9-4.985 2.823-6.047 3.673c1.554 3.375 4.762 5.772 6.172 6.548c2.139-1.35 3.855-3.23 4.445-4.001c-.9-2.36-3.015-5.548-3.45-6.064c-.349-.413-.849-.263-1.12-.156"/></g><defs><clipPath id="SVGHcSWxdhd134"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-xpx-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(%23SVGHcSWxdhd134)%22%3E%3Cpath%20fill%3D%22%23f3a91d%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.188%204.195c-2.046.422-4.132%201.29-4.92%201.67c-.197%202.861.77%205.635%201.28%206.664c1.598-2.009%204.529-4.218%205.277-4.73c.509-.348.321-.815.185-1.065c-.507-.926-1.425-2.078-1.822-2.539M19.27%205.633c-3.248-1.558-6.958-1.718-8.407-1.604c1.299.76%202.05%201.752%202.402%202.006c.282.204.674.145.834.09c1.72-.72%204.165-.628%205.171-.492m.482.794c.119%203.572-1.623%207.175-2.51%208.531c0-.25-1.403-4.581-1.865-5.544c-.37-.77-.236-1.18%200-1.344c1.876-1.315%203.698-1.643%204.375-1.643m-7.831%203.352c-2.288.9-4.985%202.823-6.047%203.673c1.554%203.375%204.762%205.772%206.172%206.548c2.139-1.35%203.855-3.23%204.445-4.001c-.9-2.36-3.015-5.548-3.45-6.064c-.349-.413-.849-.263-1.12-.156%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd134%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(%23SVGHcSWxdhd134)%22%3E%3Cpath%20fill%3D%22%23f3a91d%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.188%204.195c-2.046.422-4.132%201.29-4.92%201.67c-.197%202.861.77%205.635%201.28%206.664c1.598-2.009%204.529-4.218%205.277-4.73c.509-.348.321-.815.185-1.065c-.507-.926-1.425-2.078-1.822-2.539M19.27%205.633c-3.248-1.558-6.958-1.718-8.407-1.604c1.299.76%202.05%201.752%202.402%202.006c.282.204.674.145.834.09c1.72-.72%204.165-.628%205.171-.492m.482.794c.119%203.572-1.623%207.175-2.51%208.531c0-.25-1.403-4.581-1.865-5.544c-.37-.77-.236-1.18%200-1.344c1.876-1.315%203.698-1.643%204.375-1.643m-7.831%203.352c-2.288.9-4.985%202.823-6.047%203.673c1.554%203.375%204.762%205.772%206.172%206.548c2.139-1.35%203.855-3.23%204.445-4.001c-.9-2.36-3.015-5.548-3.45-6.064c-.349-.413-.849-.263-1.12-.156%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd134%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/xpx-background.svg?color=%231a73e8&size=48
