agrs logo
agrs-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- agrs-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 agrs 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="#ffc845" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.853 9.347a.87.87 0 0 0-.578.209a1.9 1.9 0 0 0-.418.55c-.12.227-.222.476-.297.756a7.5 7.5 0 0 0-.29 1.591a6 6 0 0 0-.03.578q0 .726.2 1.111a.68.68 0 0 0 .64.378a.9.9 0 0 0 .578-.2c.17-.144.312-.319.417-.516a3.3 3.3 0 0 0 .298-.724a7.7 7.7 0 0 0 .276-1.609q.026-.387.026-.666a2.7 2.7 0 0 0-.169-1.076c-.115-.258-.333-.382-.653-.382"/><path fill="#fff" d="M15.231 9.44h-.275c-.151 0-.41.089-.462.43c-.205 1.4-.41 3.028-.436 3.214q-.053.307-.044.618c.013.231.07.4.12.476a.63.63 0 0 0 .4.293l-.223 1.644h-.453a3 3 0 0 1-.498-.093a1.6 1.6 0 0 1-.609-.356c-.155-.164-.31-.337-.448-.764a2 2 0 0 1-.765.858c-.252.154-.54.238-.835.244a1.88 1.88 0 0 1-1.547-.684c-.37-.458-.556-1.142-.556-2.062c0-.934.09-1.743.254-2.423c.169-.675.39-1.235.666-1.67a2.9 2.9 0 0 1 .947-.97a2.1 2.1 0 0 1 1.076-.31c.408 0 .746.093 1.013.293q.4.293.609.813s.146-.52.786-.813c.756-.347 1.45.053 1.45.053zm-3.23-4.551a7.111 7.111 0 1 0 0 14.222a7.111 7.111 0 0 0 0-14.222"/><path fill="#fff" d="M12 19.556c-4.222 0-7.556-3.334-7.556-7.556S7.778 4.444 12 4.444S19.555 7.778 19.555 12S16.222 19.555 12 19.555M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16"/></g><defs><clipPath id="SVGHcSWxdhd35"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAgrsBackground(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="#ffc845" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.853 9.347a.87.87 0 0 0-.578.209a1.9 1.9 0 0 0-.418.55c-.12.227-.222.476-.297.756a7.5 7.5 0 0 0-.29 1.591a6 6 0 0 0-.03.578q0 .726.2 1.111a.68.68 0 0 0 .64.378a.9.9 0 0 0 .578-.2c.17-.144.312-.319.417-.516a3.3 3.3 0 0 0 .298-.724a7.7 7.7 0 0 0 .276-1.609q.026-.387.026-.666a2.7 2.7 0 0 0-.169-1.076c-.115-.258-.333-.382-.653-.382"/><path fill="#fff" d="M15.231 9.44h-.275c-.151 0-.41.089-.462.43c-.205 1.4-.41 3.028-.436 3.214q-.053.307-.044.618c.013.231.07.4.12.476a.63.63 0 0 0 .4.293l-.223 1.644h-.453a3 3 0 0 1-.498-.093a1.6 1.6 0 0 1-.609-.356c-.155-.164-.31-.337-.448-.764a2 2 0 0 1-.765.858c-.252.154-.54.238-.835.244a1.88 1.88 0 0 1-1.547-.684c-.37-.458-.556-1.142-.556-2.062c0-.934.09-1.743.254-2.423c.169-.675.39-1.235.666-1.67a2.9 2.9 0 0 1 .947-.97a2.1 2.1 0 0 1 1.076-.31c.408 0 .746.093 1.013.293q.4.293.609.813s.146-.52.786-.813c.756-.347 1.45.053 1.45.053zm-3.23-4.551a7.111 7.111 0 1 0 0 14.222a7.111 7.111 0 0 0 0-14.222"/><path fill="#fff" d="M12 19.556c-4.222 0-7.556-3.334-7.556-7.556S7.778 4.444 12 4.444S19.555 7.778 19.555 12S16.222 19.555 12 19.555M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16"/></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="#ffc845" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.853 9.347a.87.87 0 0 0-.578.209a1.9 1.9 0 0 0-.418.55c-.12.227-.222.476-.297.756a7.5 7.5 0 0 0-.29 1.591a6 6 0 0 0-.03.578q0 .726.2 1.111a.68.68 0 0 0 .64.378a.9.9 0 0 0 .578-.2c.17-.144.312-.319.417-.516a3.3 3.3 0 0 0 .298-.724a7.7 7.7 0 0 0 .276-1.609q.026-.387.026-.666a2.7 2.7 0 0 0-.169-1.076c-.115-.258-.333-.382-.653-.382"/><path fill="#fff" d="M15.231 9.44h-.275c-.151 0-.41.089-.462.43c-.205 1.4-.41 3.028-.436 3.214q-.053.307-.044.618c.013.231.07.4.12.476a.63.63 0 0 0 .4.293l-.223 1.644h-.453a3 3 0 0 1-.498-.093a1.6 1.6 0 0 1-.609-.356c-.155-.164-.31-.337-.448-.764a2 2 0 0 1-.765.858c-.252.154-.54.238-.835.244a1.88 1.88 0 0 1-1.547-.684c-.37-.458-.556-1.142-.556-2.062c0-.934.09-1.743.254-2.423c.169-.675.39-1.235.666-1.67a2.9 2.9 0 0 1 .947-.97a2.1 2.1 0 0 1 1.076-.31c.408 0 .746.093 1.013.293q.4.293.609.813s.146-.52.786-.813c.756-.347 1.45.053 1.45.053zm-3.23-4.551a7.111 7.111 0 1 0 0 14.222a7.111 7.111 0 0 0 0-14.222"/><path fill="#fff" d="M12 19.556c-4.222 0-7.556-3.334-7.556-7.556S7.778 4.444 12 4.444S19.555 7.778 19.555 12S16.222 19.555 12 19.555M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16"/></g><defs><clipPath id="SVGHcSWxdhd35"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-agrs-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%23ffc845%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.853%209.347a.87.87%200%200%200-.578.209a1.9%201.9%200%200%200-.418.55c-.12.227-.222.476-.297.756a7.5%207.5%200%200%200-.29%201.591a6%206%200%200%200-.03.578q0%20.726.2%201.111a.68.68%200%200%200%20.64.378a.9.9%200%200%200%20.578-.2c.17-.144.312-.319.417-.516a3.3%203.3%200%200%200%20.298-.724a7.7%207.7%200%200%200%20.276-1.609q.026-.387.026-.666a2.7%202.7%200%200%200-.169-1.076c-.115-.258-.333-.382-.653-.382%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.231%209.44h-.275c-.151%200-.41.089-.462.43c-.205%201.4-.41%203.028-.436%203.214q-.053.307-.044.618c.013.231.07.4.12.476a.63.63%200%200%200%20.4.293l-.223%201.644h-.453a3%203%200%200%201-.498-.093a1.6%201.6%200%200%201-.609-.356c-.155-.164-.31-.337-.448-.764a2%202%200%200%201-.765.858c-.252.154-.54.238-.835.244a1.88%201.88%200%200%201-1.547-.684c-.37-.458-.556-1.142-.556-2.062c0-.934.09-1.743.254-2.423c.169-.675.39-1.235.666-1.67a2.9%202.9%200%200%201%20.947-.97a2.1%202.1%200%200%201%201.076-.31c.408%200%20.746.093%201.013.293q.4.293.609.813s.146-.52.786-.813c.756-.347%201.45.053%201.45.053zm-3.23-4.551a7.111%207.111%200%201%200%200%2014.222a7.111%207.111%200%200%200%200-14.222%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2019.556c-4.222%200-7.556-3.334-7.556-7.556S7.778%204.444%2012%204.444S19.555%207.778%2019.555%2012S16.222%2019.555%2012%2019.555M12%204a8%208%200%201%200%200%2016a8%208%200%200%200%200-16%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%23ffc845%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.853%209.347a.87.87%200%200%200-.578.209a1.9%201.9%200%200%200-.418.55c-.12.227-.222.476-.297.756a7.5%207.5%200%200%200-.29%201.591a6%206%200%200%200-.03.578q0%20.726.2%201.111a.68.68%200%200%200%20.64.378a.9.9%200%200%200%20.578-.2c.17-.144.312-.319.417-.516a3.3%203.3%200%200%200%20.298-.724a7.7%207.7%200%200%200%20.276-1.609q.026-.387.026-.666a2.7%202.7%200%200%200-.169-1.076c-.115-.258-.333-.382-.653-.382%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.231%209.44h-.275c-.151%200-.41.089-.462.43c-.205%201.4-.41%203.028-.436%203.214q-.053.307-.044.618c.013.231.07.4.12.476a.63.63%200%200%200%20.4.293l-.223%201.644h-.453a3%203%200%200%201-.498-.093a1.6%201.6%200%200%201-.609-.356c-.155-.164-.31-.337-.448-.764a2%202%200%200%201-.765.858c-.252.154-.54.238-.835.244a1.88%201.88%200%200%201-1.547-.684c-.37-.458-.556-1.142-.556-2.062c0-.934.09-1.743.254-2.423c.169-.675.39-1.235.666-1.67a2.9%202.9%200%200%201%20.947-.97a2.1%202.1%200%200%201%201.076-.31c.408%200%20.746.093%201.013.293q.4.293.609.813s.146-.52.786-.813c.756-.347%201.45.053%201.45.053zm-3.23-4.551a7.111%207.111%200%201%200%200%2014.222a7.111%207.111%200%200%200%200-14.222%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2019.556c-4.222%200-7.556-3.334-7.556-7.556S7.778%204.444%2012%204.444S19.555%207.778%2019.555%2012S16.222%2019.555%2012%2019.555M12%204a8%208%200%201%200%200%2016a8%208%200%200%200%200-16%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/agrs-background.svg?color=%231a73e8&size=48
