brg logo
brg-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- brg-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 brg 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(#SVGHcSWxdhd146)"><path fill="#f7b718" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.2 4a2.62 2.62 0 0 0-2.612 2.635v2.457c0 .753.555 2.484.555 2.484a4.2 4.2 0 0 1 1.327-1.534v-4.16H12c1.793 0 3.501 1.765 3.501 3.577c0 1.74-1.336 3.27-3.139 3.27c-.828 0-1.694-.376-2.136-.588c-.565.33-1.073 1.27-1.073 1.741c.828.466 2.193.941 3.21.941c2.785 0 5.049-2.192 5.049-5.007v-.724c0-2.814-2.26-5.092-5.05-5.092z"/><path fill="#fff" d="M6.588 17.365A2.623 2.623 0 0 0 9.2 20h3.162c2.438 0 4.024-1.53 4.687-3.53c.424-1.275.414-2.573.085-3.858a4.8 4.8 0 0 1-1.633 1.74v.377c-.15 1.666-1.807 3.389-3.501 3.389H8.47v-3.21a3.78 3.78 0 0 1 3.892-3.85c.65 0 1.21.208 1.741.566c.236-.095.932-1.036.932-1.742a5.16 5.16 0 0 0-2.673-.79a5.8 5.8 0 0 0-5.774 5.816z"/></g><defs><clipPath id="SVGHcSWxdhd146"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBrgBackground(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(#SVGHcSWxdhd146)"><path fill="#f7b718" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.2 4a2.62 2.62 0 0 0-2.612 2.635v2.457c0 .753.555 2.484.555 2.484a4.2 4.2 0 0 1 1.327-1.534v-4.16H12c1.793 0 3.501 1.765 3.501 3.577c0 1.74-1.336 3.27-3.139 3.27c-.828 0-1.694-.376-2.136-.588c-.565.33-1.073 1.27-1.073 1.741c.828.466 2.193.941 3.21.941c2.785 0 5.049-2.192 5.049-5.007v-.724c0-2.814-2.26-5.092-5.05-5.092z"/><path fill="#fff" d="M6.588 17.365A2.623 2.623 0 0 0 9.2 20h3.162c2.438 0 4.024-1.53 4.687-3.53c.424-1.275.414-2.573.085-3.858a4.8 4.8 0 0 1-1.633 1.74v.377c-.15 1.666-1.807 3.389-3.501 3.389H8.47v-3.21a3.78 3.78 0 0 1 3.892-3.85c.65 0 1.21.208 1.741.566c.236-.095.932-1.036.932-1.742a5.16 5.16 0 0 0-2.673-.79a5.8 5.8 0 0 0-5.774 5.816z"/></g><defs><clipPath id="SVGHcSWxdhd146"><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(#SVGHcSWxdhd146)"><path fill="#f7b718" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.2 4a2.62 2.62 0 0 0-2.612 2.635v2.457c0 .753.555 2.484.555 2.484a4.2 4.2 0 0 1 1.327-1.534v-4.16H12c1.793 0 3.501 1.765 3.501 3.577c0 1.74-1.336 3.27-3.139 3.27c-.828 0-1.694-.376-2.136-.588c-.565.33-1.073 1.27-1.073 1.741c.828.466 2.193.941 3.21.941c2.785 0 5.049-2.192 5.049-5.007v-.724c0-2.814-2.26-5.092-5.05-5.092z"/><path fill="#fff" d="M6.588 17.365A2.623 2.623 0 0 0 9.2 20h3.162c2.438 0 4.024-1.53 4.687-3.53c.424-1.275.414-2.573.085-3.858a4.8 4.8 0 0 1-1.633 1.74v.377c-.15 1.666-1.807 3.389-3.501 3.389H8.47v-3.21a3.78 3.78 0 0 1 3.892-3.85c.65 0 1.21.208 1.741.566c.236-.095.932-1.036.932-1.742a5.16 5.16 0 0 0-2.673-.79a5.8 5.8 0 0 0-5.774 5.816z"/></g><defs><clipPath id="SVGHcSWxdhd146"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-brg-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(%23SVGHcSWxdhd146)%22%3E%3Cpath%20fill%3D%22%23f7b718%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.2%204a2.62%202.62%200%200%200-2.612%202.635v2.457c0%20.753.555%202.484.555%202.484a4.2%204.2%200%200%201%201.327-1.534v-4.16H12c1.793%200%203.501%201.765%203.501%203.577c0%201.74-1.336%203.27-3.139%203.27c-.828%200-1.694-.376-2.136-.588c-.565.33-1.073%201.27-1.073%201.741c.828.466%202.193.941%203.21.941c2.785%200%205.049-2.192%205.049-5.007v-.724c0-2.814-2.26-5.092-5.05-5.092z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.588%2017.365A2.623%202.623%200%200%200%209.2%2020h3.162c2.438%200%204.024-1.53%204.687-3.53c.424-1.275.414-2.573.085-3.858a4.8%204.8%200%200%201-1.633%201.74v.377c-.15%201.666-1.807%203.389-3.501%203.389H8.47v-3.21a3.78%203.78%200%200%201%203.892-3.85c.65%200%201.21.208%201.741.566c.236-.095.932-1.036.932-1.742a5.16%205.16%200%200%200-2.673-.79a5.8%205.8%200%200%200-5.774%205.816z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd146%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(%23SVGHcSWxdhd146)%22%3E%3Cpath%20fill%3D%22%23f7b718%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.2%204a2.62%202.62%200%200%200-2.612%202.635v2.457c0%20.753.555%202.484.555%202.484a4.2%204.2%200%200%201%201.327-1.534v-4.16H12c1.793%200%203.501%201.765%203.501%203.577c0%201.74-1.336%203.27-3.139%203.27c-.828%200-1.694-.376-2.136-.588c-.565.33-1.073%201.27-1.073%201.741c.828.466%202.193.941%203.21.941c2.785%200%205.049-2.192%205.049-5.007v-.724c0-2.814-2.26-5.092-5.05-5.092z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.588%2017.365A2.623%202.623%200%200%200%209.2%2020h3.162c2.438%200%204.024-1.53%204.687-3.53c.424-1.275.414-2.573.085-3.858a4.8%204.8%200%200%201-1.633%201.74v.377c-.15%201.666-1.807%203.389-3.501%203.389H8.47v-3.21a3.78%203.78%200%200%201%203.892-3.85c.65%200%201.21.208%201.741.566c.236-.095.932-1.036.932-1.742a5.16%205.16%200%200%200-2.673-.79a5.8%205.8%200%200%200-5.774%205.816z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd146%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/brg-background.svg?color=%231a73e8&size=48
