smbr logo
smbr-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- smbr-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 smbr 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(#SVGHcSWxdhd28)"><path fill="#a3fe00" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.556 7.773V6.93a.48.48 0 0 0-.476-.485H7.564a.52.52 0 0 0-.377.16l-3.05 3.08a.48.48 0 0 0-.137.338v2.329c0 .329.267.596.587.596a.64.64 0 0 0 .457-.196l.734-.738c.133-.133.31-.235.502-.235h2.791c.578 0 .871.737.462 1.155l-3.56 3.6c-.373.374-.11 1.022.418 1.022h1.093a.83.83 0 0 0 .587-.244l3.347-3.387a.48.48 0 0 0 .138-.337v-2.965c0-.329-.267-.622-.596-.622H8.027a.5.5 0 0 0-.338.164l-.831.725a.56.56 0 0 1-.4.169c-.316 0-.68-.258-.68-.574V9.022c0-.333.373-.8.702-.8h4.6c.267 0 .476-.187.476-.449m.889 0V6.93a.48.48 0 0 1 .475-.485h3.516c.142 0 .28.058.377.16l3.05 3.08a.48.48 0 0 1 .137.338v2.329a.594.594 0 0 1-.587.596a.64.64 0 0 1-.457-.196l-.734-.738c-.133-.133-.31-.235-.502-.235h-2.791c-.578 0-.871.737-.462 1.155l3.56 3.6c.373.374.11 1.022-.418 1.022h-1.094a.83.83 0 0 1-.586-.244l-3.347-3.387a.48.48 0 0 1-.138-.337v-2.965c0-.329.267-.622.596-.622h2.933c.13 0 .25.075.338.164l.831.725a.56.56 0 0 0 .4.169c.316 0 .68-.258.68-.574V9.022c0-.333-.373-.8-.702-.8h-4.6c-.267 0-.476-.187-.476-.449"/></g><defs><clipPath id="SVGHcSWxdhd28"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSmbrBackground(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(#SVGHcSWxdhd28)"><path fill="#a3fe00" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.556 7.773V6.93a.48.48 0 0 0-.476-.485H7.564a.52.52 0 0 0-.377.16l-3.05 3.08a.48.48 0 0 0-.137.338v2.329c0 .329.267.596.587.596a.64.64 0 0 0 .457-.196l.734-.738c.133-.133.31-.235.502-.235h2.791c.578 0 .871.737.462 1.155l-3.56 3.6c-.373.374-.11 1.022.418 1.022h1.093a.83.83 0 0 0 .587-.244l3.347-3.387a.48.48 0 0 0 .138-.337v-2.965c0-.329-.267-.622-.596-.622H8.027a.5.5 0 0 0-.338.164l-.831.725a.56.56 0 0 1-.4.169c-.316 0-.68-.258-.68-.574V9.022c0-.333.373-.8.702-.8h4.6c.267 0 .476-.187.476-.449m.889 0V6.93a.48.48 0 0 1 .475-.485h3.516c.142 0 .28.058.377.16l3.05 3.08a.48.48 0 0 1 .137.338v2.329a.594.594 0 0 1-.587.596a.64.64 0 0 1-.457-.196l-.734-.738c-.133-.133-.31-.235-.502-.235h-2.791c-.578 0-.871.737-.462 1.155l3.56 3.6c.373.374.11 1.022-.418 1.022h-1.094a.83.83 0 0 1-.586-.244l-3.347-3.387a.48.48 0 0 1-.138-.337v-2.965c0-.329.267-.622.596-.622h2.933c.13 0 .25.075.338.164l.831.725a.56.56 0 0 0 .4.169c.316 0 .68-.258.68-.574V9.022c0-.333-.373-.8-.702-.8h-4.6c-.267 0-.476-.187-.476-.449"/></g><defs><clipPath id="SVGHcSWxdhd28"><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(#SVGHcSWxdhd28)"><path fill="#a3fe00" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.556 7.773V6.93a.48.48 0 0 0-.476-.485H7.564a.52.52 0 0 0-.377.16l-3.05 3.08a.48.48 0 0 0-.137.338v2.329c0 .329.267.596.587.596a.64.64 0 0 0 .457-.196l.734-.738c.133-.133.31-.235.502-.235h2.791c.578 0 .871.737.462 1.155l-3.56 3.6c-.373.374-.11 1.022.418 1.022h1.093a.83.83 0 0 0 .587-.244l3.347-3.387a.48.48 0 0 0 .138-.337v-2.965c0-.329-.267-.622-.596-.622H8.027a.5.5 0 0 0-.338.164l-.831.725a.56.56 0 0 1-.4.169c-.316 0-.68-.258-.68-.574V9.022c0-.333.373-.8.702-.8h4.6c.267 0 .476-.187.476-.449m.889 0V6.93a.48.48 0 0 1 .475-.485h3.516c.142 0 .28.058.377.16l3.05 3.08a.48.48 0 0 1 .137.338v2.329a.594.594 0 0 1-.587.596a.64.64 0 0 1-.457-.196l-.734-.738c-.133-.133-.31-.235-.502-.235h-2.791c-.578 0-.871.737-.462 1.155l3.56 3.6c.373.374.11 1.022-.418 1.022h-1.094a.83.83 0 0 1-.586-.244l-3.347-3.387a.48.48 0 0 1-.138-.337v-2.965c0-.329.267-.622.596-.622h2.933c.13 0 .25.075.338.164l.831.725a.56.56 0 0 0 .4.169c.316 0 .68-.258.68-.574V9.022c0-.333-.373-.8-.702-.8h-4.6c-.267 0-.476-.187-.476-.449"/></g><defs><clipPath id="SVGHcSWxdhd28"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-smbr-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(%23SVGHcSWxdhd28)%22%3E%3Cpath%20fill%3D%22%23a3fe00%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.556%207.773V6.93a.48.48%200%200%200-.476-.485H7.564a.52.52%200%200%200-.377.16l-3.05%203.08a.48.48%200%200%200-.137.338v2.329c0%20.329.267.596.587.596a.64.64%200%200%200%20.457-.196l.734-.738c.133-.133.31-.235.502-.235h2.791c.578%200%20.871.737.462%201.155l-3.56%203.6c-.373.374-.11%201.022.418%201.022h1.093a.83.83%200%200%200%20.587-.244l3.347-3.387a.48.48%200%200%200%20.138-.337v-2.965c0-.329-.267-.622-.596-.622H8.027a.5.5%200%200%200-.338.164l-.831.725a.56.56%200%200%201-.4.169c-.316%200-.68-.258-.68-.574V9.022c0-.333.373-.8.702-.8h4.6c.267%200%20.476-.187.476-.449m.889%200V6.93a.48.48%200%200%201%20.475-.485h3.516c.142%200%20.28.058.377.16l3.05%203.08a.48.48%200%200%201%20.137.338v2.329a.594.594%200%200%201-.587.596a.64.64%200%200%201-.457-.196l-.734-.738c-.133-.133-.31-.235-.502-.235h-2.791c-.578%200-.871.737-.462%201.155l3.56%203.6c.373.374.11%201.022-.418%201.022h-1.094a.83.83%200%200%201-.586-.244l-3.347-3.387a.48.48%200%200%201-.138-.337v-2.965c0-.329.267-.622.596-.622h2.933c.13%200%20.25.075.338.164l.831.725a.56.56%200%200%200%20.4.169c.316%200%20.68-.258.68-.574V9.022c0-.333-.373-.8-.702-.8h-4.6c-.267%200-.476-.187-.476-.449%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd28%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(%23SVGHcSWxdhd28)%22%3E%3Cpath%20fill%3D%22%23a3fe00%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.556%207.773V6.93a.48.48%200%200%200-.476-.485H7.564a.52.52%200%200%200-.377.16l-3.05%203.08a.48.48%200%200%200-.137.338v2.329c0%20.329.267.596.587.596a.64.64%200%200%200%20.457-.196l.734-.738c.133-.133.31-.235.502-.235h2.791c.578%200%20.871.737.462%201.155l-3.56%203.6c-.373.374-.11%201.022.418%201.022h1.093a.83.83%200%200%200%20.587-.244l3.347-3.387a.48.48%200%200%200%20.138-.337v-2.965c0-.329-.267-.622-.596-.622H8.027a.5.5%200%200%200-.338.164l-.831.725a.56.56%200%200%201-.4.169c-.316%200-.68-.258-.68-.574V9.022c0-.333.373-.8.702-.8h4.6c.267%200%20.476-.187.476-.449m.889%200V6.93a.48.48%200%200%201%20.475-.485h3.516c.142%200%20.28.058.377.16l3.05%203.08a.48.48%200%200%201%20.137.338v2.329a.594.594%200%200%201-.587.596a.64.64%200%200%201-.457-.196l-.734-.738c-.133-.133-.31-.235-.502-.235h-2.791c-.578%200-.871.737-.462%201.155l3.56%203.6c.373.374.11%201.022-.418%201.022h-1.094a.83.83%200%200%201-.586-.244l-3.347-3.387a.48.48%200%200%201-.138-.337v-2.965c0-.329.267-.622.596-.622h2.933c.13%200%20.25.075.338.164l.831.725a.56.56%200%200%200%20.4.169c.316%200%20.68-.258.68-.574V9.022c0-.333-.373-.8-.702-.8h-4.6c-.267%200-.476-.187-.476-.449%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd28%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/smbr-background.svg?color=%231a73e8&size=48
