x2y2 logo
x2y2 from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- x2y2
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the x2y2 logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.426 6.924A7.72 7.72 0 0 0 13.97 4.69c-4.196 0-7.593 3.273-7.593 7.312s3.397 7.311 7.593 7.311a7.7 7.7 0 0 0 5.456-2.233a9 9 0 1 1 0-10.163z"/><path fill="currentColor" d="M13.97 18.751c3.88 0 7.03-3.02 7.03-6.749s-3.15-6.75-7.03-6.75c-1.817 0-3.47.665-4.72 1.744c.861-.45 1.845-.618 2.892-.618c3.374 0 6.046 2.328 6.046 5.624s-2.666 6.232-6.046 6.232q-.574 0-1.114-.101c.894.393 1.89.618 2.942.618"/><path fill="currentColor" fill-rule="evenodd" d="M12.282 17.627a5.343 5.343 0 1 0 0-10.686a5.343 5.343 0 0 0 0 10.686m0-1.688a3.655 3.655 0 1 0 0-7.31a3.655 3.655 0 0 0 0 7.31" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenX2y2(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="M19.426 6.924A7.72 7.72 0 0 0 13.97 4.69c-4.196 0-7.593 3.273-7.593 7.312s3.397 7.311 7.593 7.311a7.7 7.7 0 0 0 5.456-2.233a9 9 0 1 1 0-10.163z"/><path fill="currentColor" d="M13.97 18.751c3.88 0 7.03-3.02 7.03-6.749s-3.15-6.75-7.03-6.75c-1.817 0-3.47.665-4.72 1.744c.861-.45 1.845-.618 2.892-.618c3.374 0 6.046 2.328 6.046 5.624s-2.666 6.232-6.046 6.232q-.574 0-1.114-.101c.894.393 1.89.618 2.942.618"/><path fill="currentColor" fillRule="evenodd" d="M12.282 17.627a5.343 5.343 0 1 0 0-10.686a5.343 5.343 0 0 0 0 10.686m0-1.688a3.655 3.655 0 1 0 0-7.31a3.655 3.655 0 0 0 0 7.31" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.426 6.924A7.72 7.72 0 0 0 13.97 4.69c-4.196 0-7.593 3.273-7.593 7.312s3.397 7.311 7.593 7.311a7.7 7.7 0 0 0 5.456-2.233a9 9 0 1 1 0-10.163z"/><path fill="currentColor" d="M13.97 18.751c3.88 0 7.03-3.02 7.03-6.749s-3.15-6.75-7.03-6.75c-1.817 0-3.47.665-4.72 1.744c.861-.45 1.845-.618 2.892-.618c3.374 0 6.046 2.328 6.046 5.624s-2.666 6.232-6.046 6.232q-.574 0-1.114-.101c.894.393 1.89.618 2.942.618"/><path fill="currentColor" fill-rule="evenodd" d="M12.282 17.627a5.343 5.343 0 1 0 0-10.686a5.343 5.343 0 0 0 0 10.686m0-1.688a3.655 3.655 0 1 0 0-7.31a3.655 3.655 0 0 0 0 7.31" clip-rule="evenodd"/></svg> </template>
CSS
.icon-x2y2 {
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%22M19.426%206.924A7.72%207.72%200%200%200%2013.97%204.69c-4.196%200-7.593%203.273-7.593%207.312s3.397%207.311%207.593%207.311a7.7%207.7%200%200%200%205.456-2.233a9%209%200%201%201%200-10.163z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.97%2018.751c3.88%200%207.03-3.02%207.03-6.749s-3.15-6.75-7.03-6.75c-1.817%200-3.47.665-4.72%201.744c.861-.45%201.845-.618%202.892-.618c3.374%200%206.046%202.328%206.046%205.624s-2.666%206.232-6.046%206.232q-.574%200-1.114-.101c.894.393%201.89.618%202.942.618%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.282%2017.627a5.343%205.343%200%201%200%200-10.686a5.343%205.343%200%200%200%200%2010.686m0-1.688a3.655%203.655%200%201%200%200-7.31a3.655%203.655%200%200%200%200%207.31%22%20clip-rule%3D%22evenodd%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%22M19.426%206.924A7.72%207.72%200%200%200%2013.97%204.69c-4.196%200-7.593%203.273-7.593%207.312s3.397%207.311%207.593%207.311a7.7%207.7%200%200%200%205.456-2.233a9%209%200%201%201%200-10.163z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.97%2018.751c3.88%200%207.03-3.02%207.03-6.749s-3.15-6.75-7.03-6.75c-1.817%200-3.47.665-4.72%201.744c.861-.45%201.845-.618%202.892-.618c3.374%200%206.046%202.328%206.046%205.624s-2.666%206.232-6.046%206.232q-.574%200-1.114-.101c.894.393%201.89.618%202.942.618%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.282%2017.627a5.343%205.343%200%201%200%200-10.686a5.343%205.343%200%200%200%200%2010.686m0-1.688a3.655%203.655%200%201%200%200-7.31a3.655%203.655%200%200%200%200%207.31%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/x2y2.svg?color=%231a73e8&size=48
