atpay logo
atpay-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- atpay-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 atpay 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(#SVGHcSWxdhd64)"><path fill="#61d5c7" d="M24 0H0v24h24z"/><path fill="#fff" d="m16.782 16.47l1.05 1.03c.09.08.085.215 0 .3a8.24 8.24 0 0 1-5.57 2.2c-4.525.035-8.235-3.56-8.245-7.985S7.672 4 12.197 4c2.95 0 5.54 1.535 6.98 3.83l-1.405 1.375C16.732 7.225 14.622 6 12.197 6c-3.45 0-6.16 2.65-6.18 6.015c-.02 3.375 2.55 5.935 6 5.985c1.7.025 3.33-.485 4.47-1.535a.215.215 0 0 1 .3.005z"/><path fill="#fff" d="M14.018 8.07v.6a4 4 0 0 0-1.99-.67a4.095 4.095 0 0 0-4.01 4c0 1.065.55 2.025 1.26 2.72l1.35-1.32a1.87 1.87 0 0 1-.61-1.4a2.085 2.085 0 0 1 2.01-2a1.97 1.97 0 0 1 1.99 2v1l2.004-2.05V8.1c0-.05-.085-.1-.144-.1h-1.7c-.06 0-.16.015-.16.07"/><path fill="#fff" d="M19.972 9.52a.21.21 0 0 1-.05.215l-4.95 4.84l-.285.28l-.835.814a2.595 2.595 0 0 1-3.61 0l-.965-.95l1.35-1.32l.975.955c.25.25.65.25.9 0l6.675-6.524c.33.525.6 1.095.8 1.69z"/></g><defs><clipPath id="SVGHcSWxdhd64"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAtpayBackground(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(#SVGHcSWxdhd64)"><path fill="#61d5c7" d="M24 0H0v24h24z"/><path fill="#fff" d="m16.782 16.47l1.05 1.03c.09.08.085.215 0 .3a8.24 8.24 0 0 1-5.57 2.2c-4.525.035-8.235-3.56-8.245-7.985S7.672 4 12.197 4c2.95 0 5.54 1.535 6.98 3.83l-1.405 1.375C16.732 7.225 14.622 6 12.197 6c-3.45 0-6.16 2.65-6.18 6.015c-.02 3.375 2.55 5.935 6 5.985c1.7.025 3.33-.485 4.47-1.535a.215.215 0 0 1 .3.005z"/><path fill="#fff" d="M14.018 8.07v.6a4 4 0 0 0-1.99-.67a4.095 4.095 0 0 0-4.01 4c0 1.065.55 2.025 1.26 2.72l1.35-1.32a1.87 1.87 0 0 1-.61-1.4a2.085 2.085 0 0 1 2.01-2a1.97 1.97 0 0 1 1.99 2v1l2.004-2.05V8.1c0-.05-.085-.1-.144-.1h-1.7c-.06 0-.16.015-.16.07"/><path fill="#fff" d="M19.972 9.52a.21.21 0 0 1-.05.215l-4.95 4.84l-.285.28l-.835.814a2.595 2.595 0 0 1-3.61 0l-.965-.95l1.35-1.32l.975.955c.25.25.65.25.9 0l6.675-6.524c.33.525.6 1.095.8 1.69z"/></g><defs><clipPath id="SVGHcSWxdhd64"><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(#SVGHcSWxdhd64)"><path fill="#61d5c7" d="M24 0H0v24h24z"/><path fill="#fff" d="m16.782 16.47l1.05 1.03c.09.08.085.215 0 .3a8.24 8.24 0 0 1-5.57 2.2c-4.525.035-8.235-3.56-8.245-7.985S7.672 4 12.197 4c2.95 0 5.54 1.535 6.98 3.83l-1.405 1.375C16.732 7.225 14.622 6 12.197 6c-3.45 0-6.16 2.65-6.18 6.015c-.02 3.375 2.55 5.935 6 5.985c1.7.025 3.33-.485 4.47-1.535a.215.215 0 0 1 .3.005z"/><path fill="#fff" d="M14.018 8.07v.6a4 4 0 0 0-1.99-.67a4.095 4.095 0 0 0-4.01 4c0 1.065.55 2.025 1.26 2.72l1.35-1.32a1.87 1.87 0 0 1-.61-1.4a2.085 2.085 0 0 1 2.01-2a1.97 1.97 0 0 1 1.99 2v1l2.004-2.05V8.1c0-.05-.085-.1-.144-.1h-1.7c-.06 0-.16.015-.16.07"/><path fill="#fff" d="M19.972 9.52a.21.21 0 0 1-.05.215l-4.95 4.84l-.285.28l-.835.814a2.595 2.595 0 0 1-3.61 0l-.965-.95l1.35-1.32l.975.955c.25.25.65.25.9 0l6.675-6.524c.33.525.6 1.095.8 1.69z"/></g><defs><clipPath id="SVGHcSWxdhd64"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-atpay-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(%23SVGHcSWxdhd64)%22%3E%3Cpath%20fill%3D%22%2361d5c7%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m16.782%2016.47l1.05%201.03c.09.08.085.215%200%20.3a8.24%208.24%200%200%201-5.57%202.2c-4.525.035-8.235-3.56-8.245-7.985S7.672%204%2012.197%204c2.95%200%205.54%201.535%206.98%203.83l-1.405%201.375C16.732%207.225%2014.622%206%2012.197%206c-3.45%200-6.16%202.65-6.18%206.015c-.02%203.375%202.55%205.935%206%205.985c1.7.025%203.33-.485%204.47-1.535a.215.215%200%200%201%20.3.005z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.018%208.07v.6a4%204%200%200%200-1.99-.67a4.095%204.095%200%200%200-4.01%204c0%201.065.55%202.025%201.26%202.72l1.35-1.32a1.87%201.87%200%200%201-.61-1.4a2.085%202.085%200%200%201%202.01-2a1.97%201.97%200%200%201%201.99%202v1l2.004-2.05V8.1c0-.05-.085-.1-.144-.1h-1.7c-.06%200-.16.015-.16.07%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.972%209.52a.21.21%200%200%201-.05.215l-4.95%204.84l-.285.28l-.835.814a2.595%202.595%200%200%201-3.61%200l-.965-.95l1.35-1.32l.975.955c.25.25.65.25.9%200l6.675-6.524c.33.525.6%201.095.8%201.69z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd64%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(%23SVGHcSWxdhd64)%22%3E%3Cpath%20fill%3D%22%2361d5c7%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m16.782%2016.47l1.05%201.03c.09.08.085.215%200%20.3a8.24%208.24%200%200%201-5.57%202.2c-4.525.035-8.235-3.56-8.245-7.985S7.672%204%2012.197%204c2.95%200%205.54%201.535%206.98%203.83l-1.405%201.375C16.732%207.225%2014.622%206%2012.197%206c-3.45%200-6.16%202.65-6.18%206.015c-.02%203.375%202.55%205.935%206%205.985c1.7.025%203.33-.485%204.47-1.535a.215.215%200%200%201%20.3.005z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.018%208.07v.6a4%204%200%200%200-1.99-.67a4.095%204.095%200%200%200-4.01%204c0%201.065.55%202.025%201.26%202.72l1.35-1.32a1.87%201.87%200%200%201-.61-1.4a2.085%202.085%200%200%201%202.01-2a1.97%201.97%200%200%201%201.99%202v1l2.004-2.05V8.1c0-.05-.085-.1-.144-.1h-1.7c-.06%200-.16.015-.16.07%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.972%209.52a.21.21%200%200%201-.05.215l-4.95%204.84l-.285.28l-.835.814a2.595%202.595%200%200%201-3.61%200l-.965-.95l1.35-1.32l.975.955c.25.25.65.25.9%200l6.675-6.524c.33.525.6%201.095.8%201.69z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd64%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/atpay-background.svg?color=%231a73e8&size=48
