ar logo
ar-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- ar-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 ar 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(#SVGHcSWxdhd35)"><path fill="#222326" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.257a6.743 6.743 0 1 0 0 13.487a6.743 6.743 0 0 0 0-13.487M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0"/><path fill="#fff" d="M13.127 14.409a1.3 1.3 0 0 1-.091-.248a3 3 0 0 1-.065-.295a1.96 1.96 0 0 1-1.074.596a2.3 2.3 0 0 1-.51.054a2.5 2.5 0 0 1-.822-.13c-.233-.078-.45-.2-.638-.359a1.65 1.65 0 0 1-.42-.547a1.6 1.6 0 0 1-.15-.699q0-.918.683-1.417c.458-.337 1.14-.525 2.045-.525h.655v-.324c0-.504-.382-.908-.886-.908c-.304 0-.526.106-.666.238a.68.68 0 0 0-.21.521h-1.49q0-.37.16-.703a1.9 1.9 0 0 1 .478-.625q.317-.252.768-.397q.456-.15 1.042-.15q.525 0 .977.129q.457.128.79.381q.332.252.52.639q.189.382.189.886v2.491q0 .468.059.774q.058.307.171.526v.091zm-.835-1.241c.21-.116.36-.27.446-.419v-.964h-.583c-.444 0-1.026.047-1.23.513c-.128.285-.099.643.135.864c.349.323.863.21 1.232.006"/></g><defs><clipPath id="SVGHcSWxdhd35"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedArBackground(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(#SVGHcSWxdhd35)"><path fill="#222326" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.257a6.743 6.743 0 1 0 0 13.487a6.743 6.743 0 0 0 0-13.487M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0"/><path fill="#fff" d="M13.127 14.409a1.3 1.3 0 0 1-.091-.248a3 3 0 0 1-.065-.295a1.96 1.96 0 0 1-1.074.596a2.3 2.3 0 0 1-.51.054a2.5 2.5 0 0 1-.822-.13c-.233-.078-.45-.2-.638-.359a1.65 1.65 0 0 1-.42-.547a1.6 1.6 0 0 1-.15-.699q0-.918.683-1.417c.458-.337 1.14-.525 2.045-.525h.655v-.324c0-.504-.382-.908-.886-.908c-.304 0-.526.106-.666.238a.68.68 0 0 0-.21.521h-1.49q0-.37.16-.703a1.9 1.9 0 0 1 .478-.625q.317-.252.768-.397q.456-.15 1.042-.15q.525 0 .977.129q.457.128.79.381q.332.252.52.639q.189.382.189.886v2.491q0 .468.059.774q.058.307.171.526v.091zm-.835-1.241c.21-.116.36-.27.446-.419v-.964h-.583c-.444 0-1.026.047-1.23.513c-.128.285-.099.643.135.864c.349.323.863.21 1.232.006"/></g><defs><clipPath id="SVGHcSWxdhd35"><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(#SVGHcSWxdhd35)"><path fill="#222326" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.257a6.743 6.743 0 1 0 0 13.487a6.743 6.743 0 0 0 0-13.487M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0"/><path fill="#fff" d="M13.127 14.409a1.3 1.3 0 0 1-.091-.248a3 3 0 0 1-.065-.295a1.96 1.96 0 0 1-1.074.596a2.3 2.3 0 0 1-.51.054a2.5 2.5 0 0 1-.822-.13c-.233-.078-.45-.2-.638-.359a1.65 1.65 0 0 1-.42-.547a1.6 1.6 0 0 1-.15-.699q0-.918.683-1.417c.458-.337 1.14-.525 2.045-.525h.655v-.324c0-.504-.382-.908-.886-.908c-.304 0-.526.106-.666.238a.68.68 0 0 0-.21.521h-1.49q0-.37.16-.703a1.9 1.9 0 0 1 .478-.625q.317-.252.768-.397q.456-.15 1.042-.15q.525 0 .977.129q.457.128.79.381q.332.252.52.639q.189.382.189.886v2.491q0 .468.059.774q.058.307.171.526v.091zm-.835-1.241c.21-.116.36-.27.446-.419v-.964h-.583c-.444 0-1.026.047-1.23.513c-.128.285-.099.643.135.864c.349.323.863.21 1.232.006"/></g><defs><clipPath id="SVGHcSWxdhd35"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-ar-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(%23SVGHcSWxdhd35)%22%3E%3Cpath%20fill%3D%22%23222326%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%205.257a6.743%206.743%200%201%200%200%2013.487a6.743%206.743%200%200%200%200-13.487M4%2012a8%208%200%201%201%2016%200a8%208%200%200%201-16%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.127%2014.409a1.3%201.3%200%200%201-.091-.248a3%203%200%200%201-.065-.295a1.96%201.96%200%200%201-1.074.596a2.3%202.3%200%200%201-.51.054a2.5%202.5%200%200%201-.822-.13c-.233-.078-.45-.2-.638-.359a1.65%201.65%200%200%201-.42-.547a1.6%201.6%200%200%201-.15-.699q0-.918.683-1.417c.458-.337%201.14-.525%202.045-.525h.655v-.324c0-.504-.382-.908-.886-.908c-.304%200-.526.106-.666.238a.68.68%200%200%200-.21.521h-1.49q0-.37.16-.703a1.9%201.9%200%200%201%20.478-.625q.317-.252.768-.397q.456-.15%201.042-.15q.525%200%20.977.129q.457.128.79.381q.332.252.52.639q.189.382.189.886v2.491q0%20.468.059.774q.058.307.171.526v.091zm-.835-1.241c.21-.116.36-.27.446-.419v-.964h-.583c-.444%200-1.026.047-1.23.513c-.128.285-.099.643.135.864c.349.323.863.21%201.232.006%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd35%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(%23SVGHcSWxdhd35)%22%3E%3Cpath%20fill%3D%22%23222326%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%205.257a6.743%206.743%200%201%200%200%2013.487a6.743%206.743%200%200%200%200-13.487M4%2012a8%208%200%201%201%2016%200a8%208%200%200%201-16%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.127%2014.409a1.3%201.3%200%200%201-.091-.248a3%203%200%200%201-.065-.295a1.96%201.96%200%200%201-1.074.596a2.3%202.3%200%200%201-.51.054a2.5%202.5%200%200%201-.822-.13c-.233-.078-.45-.2-.638-.359a1.65%201.65%200%200%201-.42-.547a1.6%201.6%200%200%201-.15-.699q0-.918.683-1.417c.458-.337%201.14-.525%202.045-.525h.655v-.324c0-.504-.382-.908-.886-.908c-.304%200-.526.106-.666.238a.68.68%200%200%200-.21.521h-1.49q0-.37.16-.703a1.9%201.9%200%200%201%20.478-.625q.317-.252.768-.397q.456-.15%201.042-.15q.525%200%20.977.129q.457.128.79.381q.332.252.52.639q.189.382.189.886v2.491q0%20.468.059.774q.058.307.171.526v.091zm-.835-1.241c.21-.116.36-.27.446-.419v-.964h-.583c-.444%200-1.026.047-1.23.513c-.128.285-.099.643.135.864c.349.323.863.21%201.232.006%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd35%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/ar-background.svg?color=%231a73e8&size=48
