ata logo
ata from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- ata
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the ata logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGHJYWIbSS)" d="M16.51 5.231a6.225 6.225 0 0 0-9.952 1.237l-2.75 4.88c-.14.242-.259.495-.36.743l.011.022c.276 1.164 1.069 3.88 4.46 4.29c.185.023.354.034.517.034a1.56 1.56 0 0 1-1.548-1.553c0-.271.07-.539.204-.775l3.8-6.623c.13-.225.417-.506.608-.636c.939-1.012 2.553-2.018 5.01-1.619"/><path fill="url(#SVGwr1kycXi)" d="M16.51 5.23c.342.36.68.77.944 1.237l2.755 4.88c1.906 3.386.169 7.547-3.093 8.924l-.781.22c2.334-2.492 1.788-5.207 1.136-6.343a2 2 0 0 0-.09-.186l-3.784-6.516a1.57 1.57 0 0 0-2.12-.574A5.01 5.01 0 0 1 16.51 5.23"/><path fill="url(#SVGRGl0AcZa)" d="M16.363 20.474c2.334-2.491 1.822-5.072 1.176-6.213c.421 1-.377 1.956-1.507 1.956H8.059c-3.39-.416-4.296-2.845-4.577-4.009l-.023-.123c-1.636 3.992 1.288 8.63 5.786 8.63h5.33c.715 0 1.266-.129 1.783-.241z"/><defs><linearGradient id="SVGHJYWIbSS" x1="14.375" x2="4.315" y1="3.949" y2="18.562" gradientUnits="userSpaceOnUse"><stop stop-color="#fcca02"/><stop offset="1" stop-color="#ab1414"/></linearGradient><linearGradient id="SVGwr1kycXi" x1="7.123" x2="13.66" y1="3.289" y2="21.584" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#aa1215"/><stop offset=".93" stop-color="#fdcb02"/></linearGradient><linearGradient id="SVGRGl0AcZa" x1="2.998" x2="17.713" y1="17.556" y2="17.556" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#fcca02"/><stop offset="1" stop-color="#ab1414"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAta(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="url(#SVGHJYWIbSS)" d="M16.51 5.231a6.225 6.225 0 0 0-9.952 1.237l-2.75 4.88c-.14.242-.259.495-.36.743l.011.022c.276 1.164 1.069 3.88 4.46 4.29c.185.023.354.034.517.034a1.56 1.56 0 0 1-1.548-1.553c0-.271.07-.539.204-.775l3.8-6.623c.13-.225.417-.506.608-.636c.939-1.012 2.553-2.018 5.01-1.619"/><path fill="url(#SVGwr1kycXi)" d="M16.51 5.23c.342.36.68.77.944 1.237l2.755 4.88c1.906 3.386.169 7.547-3.093 8.924l-.781.22c2.334-2.492 1.788-5.207 1.136-6.343a2 2 0 0 0-.09-.186l-3.784-6.516a1.57 1.57 0 0 0-2.12-.574A5.01 5.01 0 0 1 16.51 5.23"/><path fill="url(#SVGRGl0AcZa)" d="M16.363 20.474c2.334-2.491 1.822-5.072 1.176-6.213c.421 1-.377 1.956-1.507 1.956H8.059c-3.39-.416-4.296-2.845-4.577-4.009l-.023-.123c-1.636 3.992 1.288 8.63 5.786 8.63h5.33c.715 0 1.266-.129 1.783-.241z"/><defs><linearGradient id="SVGHJYWIbSS" x1="14.375" x2="4.315" y1="3.949" y2="18.562" gradientUnits="userSpaceOnUse"><stop stopColor="#fcca02"/><stop offset="1" stopColor="#ab1414"/></linearGradient><linearGradient id="SVGwr1kycXi" x1="7.123" x2="13.66" y1="3.289" y2="21.584" gradientUnits="userSpaceOnUse"><stop offset=".05" stopColor="#aa1215"/><stop offset=".93" stopColor="#fdcb02"/></linearGradient><linearGradient id="SVGRGl0AcZa" x1="2.998" x2="17.713" y1="17.556" y2="17.556" gradientUnits="userSpaceOnUse"><stop offset=".16" stopColor="#fcca02"/><stop offset="1" stopColor="#ab1414"/></linearGradient></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"><path fill="url(#SVGHJYWIbSS)" d="M16.51 5.231a6.225 6.225 0 0 0-9.952 1.237l-2.75 4.88c-.14.242-.259.495-.36.743l.011.022c.276 1.164 1.069 3.88 4.46 4.29c.185.023.354.034.517.034a1.56 1.56 0 0 1-1.548-1.553c0-.271.07-.539.204-.775l3.8-6.623c.13-.225.417-.506.608-.636c.939-1.012 2.553-2.018 5.01-1.619"/><path fill="url(#SVGwr1kycXi)" d="M16.51 5.23c.342.36.68.77.944 1.237l2.755 4.88c1.906 3.386.169 7.547-3.093 8.924l-.781.22c2.334-2.492 1.788-5.207 1.136-6.343a2 2 0 0 0-.09-.186l-3.784-6.516a1.57 1.57 0 0 0-2.12-.574A5.01 5.01 0 0 1 16.51 5.23"/><path fill="url(#SVGRGl0AcZa)" d="M16.363 20.474c2.334-2.491 1.822-5.072 1.176-6.213c.421 1-.377 1.956-1.507 1.956H8.059c-3.39-.416-4.296-2.845-4.577-4.009l-.023-.123c-1.636 3.992 1.288 8.63 5.786 8.63h5.33c.715 0 1.266-.129 1.783-.241z"/><defs><linearGradient id="SVGHJYWIbSS" x1="14.375" x2="4.315" y1="3.949" y2="18.562" gradientUnits="userSpaceOnUse"><stop stop-color="#fcca02"/><stop offset="1" stop-color="#ab1414"/></linearGradient><linearGradient id="SVGwr1kycXi" x1="7.123" x2="13.66" y1="3.289" y2="21.584" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#aa1215"/><stop offset=".93" stop-color="#fdcb02"/></linearGradient><linearGradient id="SVGRGl0AcZa" x1="2.998" x2="17.713" y1="17.556" y2="17.556" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#fcca02"/><stop offset="1" stop-color="#ab1414"/></linearGradient></defs></g></svg> </template>
CSS
.icon-ata {
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%22url(%23SVGHJYWIbSS)%22%20d%3D%22M16.51%205.231a6.225%206.225%200%200%200-9.952%201.237l-2.75%204.88c-.14.242-.259.495-.36.743l.011.022c.276%201.164%201.069%203.88%204.46%204.29c.185.023.354.034.517.034a1.56%201.56%200%200%201-1.548-1.553c0-.271.07-.539.204-.775l3.8-6.623c.13-.225.417-.506.608-.636c.939-1.012%202.553-2.018%205.01-1.619%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGwr1kycXi)%22%20d%3D%22M16.51%205.23c.342.36.68.77.944%201.237l2.755%204.88c1.906%203.386.169%207.547-3.093%208.924l-.781.22c2.334-2.492%201.788-5.207%201.136-6.343a2%202%200%200%200-.09-.186l-3.784-6.516a1.57%201.57%200%200%200-2.12-.574A5.01%205.01%200%200%201%2016.51%205.23%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRGl0AcZa)%22%20d%3D%22M16.363%2020.474c2.334-2.491%201.822-5.072%201.176-6.213c.421%201-.377%201.956-1.507%201.956H8.059c-3.39-.416-4.296-2.845-4.577-4.009l-.023-.123c-1.636%203.992%201.288%208.63%205.786%208.63h5.33c.715%200%201.266-.129%201.783-.241z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGHJYWIbSS%22%20x1%3D%2214.375%22%20x2%3D%224.315%22%20y1%3D%223.949%22%20y2%3D%2218.562%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fcca02%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ab1414%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGwr1kycXi%22%20x1%3D%227.123%22%20x2%3D%2213.66%22%20y1%3D%223.289%22%20y2%3D%2221.584%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.05%22%20stop-color%3D%22%23aa1215%22%2F%3E%3Cstop%20offset%3D%22.93%22%20stop-color%3D%22%23fdcb02%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGRGl0AcZa%22%20x1%3D%222.998%22%20x2%3D%2217.713%22%20y1%3D%2217.556%22%20y2%3D%2217.556%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%23fcca02%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ab1414%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGHJYWIbSS)%22%20d%3D%22M16.51%205.231a6.225%206.225%200%200%200-9.952%201.237l-2.75%204.88c-.14.242-.259.495-.36.743l.011.022c.276%201.164%201.069%203.88%204.46%204.29c.185.023.354.034.517.034a1.56%201.56%200%200%201-1.548-1.553c0-.271.07-.539.204-.775l3.8-6.623c.13-.225.417-.506.608-.636c.939-1.012%202.553-2.018%205.01-1.619%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGwr1kycXi)%22%20d%3D%22M16.51%205.23c.342.36.68.77.944%201.237l2.755%204.88c1.906%203.386.169%207.547-3.093%208.924l-.781.22c2.334-2.492%201.788-5.207%201.136-6.343a2%202%200%200%200-.09-.186l-3.784-6.516a1.57%201.57%200%200%200-2.12-.574A5.01%205.01%200%200%201%2016.51%205.23%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRGl0AcZa)%22%20d%3D%22M16.363%2020.474c2.334-2.491%201.822-5.072%201.176-6.213c.421%201-.377%201.956-1.507%201.956H8.059c-3.39-.416-4.296-2.845-4.577-4.009l-.023-.123c-1.636%203.992%201.288%208.63%205.786%208.63h5.33c.715%200%201.266-.129%201.783-.241z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGHJYWIbSS%22%20x1%3D%2214.375%22%20x2%3D%224.315%22%20y1%3D%223.949%22%20y2%3D%2218.562%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fcca02%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ab1414%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGwr1kycXi%22%20x1%3D%227.123%22%20x2%3D%2213.66%22%20y1%3D%223.289%22%20y2%3D%2221.584%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.05%22%20stop-color%3D%22%23aa1215%22%2F%3E%3Cstop%20offset%3D%22.93%22%20stop-color%3D%22%23fdcb02%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGRGl0AcZa%22%20x1%3D%222.998%22%20x2%3D%2217.713%22%20y1%3D%2217.556%22%20y2%3D%2217.556%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%23fcca02%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ab1414%22%2F%3E%3C%2FlinearGradient%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/ata.svg?color=%231a73e8&size=48
