atpay logo
atpay from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- atpay
- 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 atpay logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="m17.38 17.029l1.18 1.158c.102.09.097.242 0 .338A9.28 9.28 0 0 1 12.296 21c-5.09.039-9.264-4.005-9.276-8.983S7.131 3 12.222 3a9.26 9.26 0 0 1 7.852 4.309l-1.58 1.547c-1.17-2.228-3.544-3.606-6.272-3.606c-3.882 0-6.93 2.981-6.953 6.767c-.022 3.797 2.869 6.677 6.75 6.733c1.913.028 3.746-.546 5.029-1.727a.24.24 0 0 1 .337.006z"/><path fill="#fff" d="M14.27 7.579v.675a4.5 4.5 0 0 0-2.238-.754A4.607 4.607 0 0 0 7.52 12c0 1.198.618 2.278 1.417 3.06l1.519-1.485A2.1 2.1 0 0 1 9.77 12a2.345 2.345 0 0 1 2.26-2.25A2.217 2.217 0 0 1 14.27 12v1.125l2.255-2.306V7.613c0-.057-.096-.113-.163-.113H14.45c-.067 0-.18.017-.18.079"/><path fill="#61d5c7" d="M20.969 9.21a.24.24 0 0 1-.056.241l-5.57 5.445l-.32.315l-.94.917a2.92 2.92 0 0 1-4.06 0L8.937 15.06l1.519-1.484l1.097 1.074a.713.713 0 0 0 1.012 0l7.51-7.34c.37.59.674 1.231.9 1.9z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAtpay(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="#fff" d="m17.38 17.029l1.18 1.158c.102.09.097.242 0 .338A9.28 9.28 0 0 1 12.296 21c-5.09.039-9.264-4.005-9.276-8.983S7.131 3 12.222 3a9.26 9.26 0 0 1 7.852 4.309l-1.58 1.547c-1.17-2.228-3.544-3.606-6.272-3.606c-3.882 0-6.93 2.981-6.953 6.767c-.022 3.797 2.869 6.677 6.75 6.733c1.913.028 3.746-.546 5.029-1.727a.24.24 0 0 1 .337.006z"/><path fill="#fff" d="M14.27 7.579v.675a4.5 4.5 0 0 0-2.238-.754A4.607 4.607 0 0 0 7.52 12c0 1.198.618 2.278 1.417 3.06l1.519-1.485A2.1 2.1 0 0 1 9.77 12a2.345 2.345 0 0 1 2.26-2.25A2.217 2.217 0 0 1 14.27 12v1.125l2.255-2.306V7.613c0-.057-.096-.113-.163-.113H14.45c-.067 0-.18.017-.18.079"/><path fill="#61d5c7" d="M20.969 9.21a.24.24 0 0 1-.056.241l-5.57 5.445l-.32.315l-.94.917a2.92 2.92 0 0 1-4.06 0L8.937 15.06l1.519-1.484l1.097 1.074a.713.713 0 0 0 1.012 0l7.51-7.34c.37.59.674 1.231.9 1.9z"/></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="#fff" d="m17.38 17.029l1.18 1.158c.102.09.097.242 0 .338A9.28 9.28 0 0 1 12.296 21c-5.09.039-9.264-4.005-9.276-8.983S7.131 3 12.222 3a9.26 9.26 0 0 1 7.852 4.309l-1.58 1.547c-1.17-2.228-3.544-3.606-6.272-3.606c-3.882 0-6.93 2.981-6.953 6.767c-.022 3.797 2.869 6.677 6.75 6.733c1.913.028 3.746-.546 5.029-1.727a.24.24 0 0 1 .337.006z"/><path fill="#fff" d="M14.27 7.579v.675a4.5 4.5 0 0 0-2.238-.754A4.607 4.607 0 0 0 7.52 12c0 1.198.618 2.278 1.417 3.06l1.519-1.485A2.1 2.1 0 0 1 9.77 12a2.345 2.345 0 0 1 2.26-2.25A2.217 2.217 0 0 1 14.27 12v1.125l2.255-2.306V7.613c0-.057-.096-.113-.163-.113H14.45c-.067 0-.18.017-.18.079"/><path fill="#61d5c7" d="M20.969 9.21a.24.24 0 0 1-.056.241l-5.57 5.445l-.32.315l-.94.917a2.92 2.92 0 0 1-4.06 0L8.937 15.06l1.519-1.484l1.097 1.074a.713.713 0 0 0 1.012 0l7.51-7.34c.37.59.674 1.231.9 1.9z"/></g></svg> </template>
CSS
.icon-atpay {
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%23fff%22%20d%3D%22m17.38%2017.029l1.18%201.158c.102.09.097.242%200%20.338A9.28%209.28%200%200%201%2012.296%2021c-5.09.039-9.264-4.005-9.276-8.983S7.131%203%2012.222%203a9.26%209.26%200%200%201%207.852%204.309l-1.58%201.547c-1.17-2.228-3.544-3.606-6.272-3.606c-3.882%200-6.93%202.981-6.953%206.767c-.022%203.797%202.869%206.677%206.75%206.733c1.913.028%203.746-.546%205.029-1.727a.24.24%200%200%201%20.337.006z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.27%207.579v.675a4.5%204.5%200%200%200-2.238-.754A4.607%204.607%200%200%200%207.52%2012c0%201.198.618%202.278%201.417%203.06l1.519-1.485A2.1%202.1%200%200%201%209.77%2012a2.345%202.345%200%200%201%202.26-2.25A2.217%202.217%200%200%201%2014.27%2012v1.125l2.255-2.306V7.613c0-.057-.096-.113-.163-.113H14.45c-.067%200-.18.017-.18.079%22%2F%3E%3Cpath%20fill%3D%22%2361d5c7%22%20d%3D%22M20.969%209.21a.24.24%200%200%201-.056.241l-5.57%205.445l-.32.315l-.94.917a2.92%202.92%200%200%201-4.06%200L8.937%2015.06l1.519-1.484l1.097%201.074a.713.713%200%200%200%201.012%200l7.51-7.34c.37.59.674%201.231.9%201.9z%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%23fff%22%20d%3D%22m17.38%2017.029l1.18%201.158c.102.09.097.242%200%20.338A9.28%209.28%200%200%201%2012.296%2021c-5.09.039-9.264-4.005-9.276-8.983S7.131%203%2012.222%203a9.26%209.26%200%200%201%207.852%204.309l-1.58%201.547c-1.17-2.228-3.544-3.606-6.272-3.606c-3.882%200-6.93%202.981-6.953%206.767c-.022%203.797%202.869%206.677%206.75%206.733c1.913.028%203.746-.546%205.029-1.727a.24.24%200%200%201%20.337.006z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.27%207.579v.675a4.5%204.5%200%200%200-2.238-.754A4.607%204.607%200%200%200%207.52%2012c0%201.198.618%202.278%201.417%203.06l1.519-1.485A2.1%202.1%200%200%201%209.77%2012a2.345%202.345%200%200%201%202.26-2.25A2.217%202.217%200%200%201%2014.27%2012v1.125l2.255-2.306V7.613c0-.057-.096-.113-.163-.113H14.45c-.067%200-.18.017-.18.079%22%2F%3E%3Cpath%20fill%3D%22%2361d5c7%22%20d%3D%22M20.969%209.21a.24.24%200%200%201-.056.241l-5.57%205.445l-.32.315l-.94.917a2.92%202.92%200%200%201-4.06%200L8.937%2015.06l1.519-1.484l1.097%201.074a.713.713%200%200%200%201.012%200l7.51-7.34c.37.59.674%201.231.9%201.9z%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/atpay.svg?color=%231a73e8&size=48
