rbx logo
rbx-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- rbx-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the rbx 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(#SVGHcSWxdhd116)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#00309d" d="M7.109 5.545L4 13.655l5.13 5.66l8.191-.385L20 10.734l-4.727-6.048z"/><path fill="#062682" d="m7.314 5.806l-2.976 7.78l4.92 5.436l7.862-.37l2.565-7.868L15.15 4.98z"/><path fill="#0541d6" d="m7.977 6.684l-2.56 6.674l4.23 4.663l6.751-.315l2.208-6.747l-3.895-4.983z"/><path fill="#409bea" d="m8.526 7.406l-2.208 5.773l3.652 4.028l5.83-.275l1.905-5.837l-3.364-4.302z"/><path fill="#58c5f5" d="m9.024 8.082l-1.898 4.923l3.132 3.438l5.001-.233l1.637-4.974l-2.885-3.67l-4.987.52z"/><path fill="#bafcfd" d="m9.518 8.722l-1.582 4.115l2.615 2.88l4.169-.197l1.362-4.16l-2.404-3.072z"/><path fill="#e1fffe" d="M11.845 11.292L7.077 5.614l.105-.092L12 11.264l-2.788 8.037l-.128-.046l2.76-7.959z"/><path fill="#e1fffe" d="m15.182 4.91l4.581 5.856l-2.597 7.95l-7.936.375l-4.969-5.486L7.27 5.742zm-7.817.96l-2.948 7.703l4.873 5.376l7.776-.366l2.546-7.785l-4.489-5.746z"/><path fill="#e1fffe" d="m13.075 11.132l2.24-6.377l-.128-.046l-2.93 8.338l-8.152.563l.01.137l8.16-.567l4.996 5.815l.1-.087l-4.991-5.81l.64-1.829l6.962-.448l-.01-.137l-6.902.448z"/></g><defs><clipPath id="SVGHcSWxdhd116"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedRbxBackground(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(#SVGHcSWxdhd116)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#00309d" d="M7.109 5.545L4 13.655l5.13 5.66l8.191-.385L20 10.734l-4.727-6.048z"/><path fill="#062682" d="m7.314 5.806l-2.976 7.78l4.92 5.436l7.862-.37l2.565-7.868L15.15 4.98z"/><path fill="#0541d6" d="m7.977 6.684l-2.56 6.674l4.23 4.663l6.751-.315l2.208-6.747l-3.895-4.983z"/><path fill="#409bea" d="m8.526 7.406l-2.208 5.773l3.652 4.028l5.83-.275l1.905-5.837l-3.364-4.302z"/><path fill="#58c5f5" d="m9.024 8.082l-1.898 4.923l3.132 3.438l5.001-.233l1.637-4.974l-2.885-3.67l-4.987.52z"/><path fill="#bafcfd" d="m9.518 8.722l-1.582 4.115l2.615 2.88l4.169-.197l1.362-4.16l-2.404-3.072z"/><path fill="#e1fffe" d="M11.845 11.292L7.077 5.614l.105-.092L12 11.264l-2.788 8.037l-.128-.046l2.76-7.959z"/><path fill="#e1fffe" d="m15.182 4.91l4.581 5.856l-2.597 7.95l-7.936.375l-4.969-5.486L7.27 5.742zm-7.817.96l-2.948 7.703l4.873 5.376l7.776-.366l2.546-7.785l-4.489-5.746z"/><path fill="#e1fffe" d="m13.075 11.132l2.24-6.377l-.128-.046l-2.93 8.338l-8.152.563l.01.137l8.16-.567l4.996 5.815l.1-.087l-4.991-5.81l.64-1.829l6.962-.448l-.01-.137l-6.902.448z"/></g><defs><clipPath id="SVGHcSWxdhd116"><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(#SVGHcSWxdhd116)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#00309d" d="M7.109 5.545L4 13.655l5.13 5.66l8.191-.385L20 10.734l-4.727-6.048z"/><path fill="#062682" d="m7.314 5.806l-2.976 7.78l4.92 5.436l7.862-.37l2.565-7.868L15.15 4.98z"/><path fill="#0541d6" d="m7.977 6.684l-2.56 6.674l4.23 4.663l6.751-.315l2.208-6.747l-3.895-4.983z"/><path fill="#409bea" d="m8.526 7.406l-2.208 5.773l3.652 4.028l5.83-.275l1.905-5.837l-3.364-4.302z"/><path fill="#58c5f5" d="m9.024 8.082l-1.898 4.923l3.132 3.438l5.001-.233l1.637-4.974l-2.885-3.67l-4.987.52z"/><path fill="#bafcfd" d="m9.518 8.722l-1.582 4.115l2.615 2.88l4.169-.197l1.362-4.16l-2.404-3.072z"/><path fill="#e1fffe" d="M11.845 11.292L7.077 5.614l.105-.092L12 11.264l-2.788 8.037l-.128-.046l2.76-7.959z"/><path fill="#e1fffe" d="m15.182 4.91l4.581 5.856l-2.597 7.95l-7.936.375l-4.969-5.486L7.27 5.742zm-7.817.96l-2.948 7.703l4.873 5.376l7.776-.366l2.546-7.785l-4.489-5.746z"/><path fill="#e1fffe" d="m13.075 11.132l2.24-6.377l-.128-.046l-2.93 8.338l-8.152.563l.01.137l8.16-.567l4.996 5.815l.1-.087l-4.991-5.81l.64-1.829l6.962-.448l-.01-.137l-6.902.448z"/></g><defs><clipPath id="SVGHcSWxdhd116"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-rbx-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(%23SVGHcSWxdhd116)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%2300309d%22%20d%3D%22M7.109%205.545L4%2013.655l5.13%205.66l8.191-.385L20%2010.734l-4.727-6.048z%22%2F%3E%3Cpath%20fill%3D%22%23062682%22%20d%3D%22m7.314%205.806l-2.976%207.78l4.92%205.436l7.862-.37l2.565-7.868L15.15%204.98z%22%2F%3E%3Cpath%20fill%3D%22%230541d6%22%20d%3D%22m7.977%206.684l-2.56%206.674l4.23%204.663l6.751-.315l2.208-6.747l-3.895-4.983z%22%2F%3E%3Cpath%20fill%3D%22%23409bea%22%20d%3D%22m8.526%207.406l-2.208%205.773l3.652%204.028l5.83-.275l1.905-5.837l-3.364-4.302z%22%2F%3E%3Cpath%20fill%3D%22%2358c5f5%22%20d%3D%22m9.024%208.082l-1.898%204.923l3.132%203.438l5.001-.233l1.637-4.974l-2.885-3.67l-4.987.52z%22%2F%3E%3Cpath%20fill%3D%22%23bafcfd%22%20d%3D%22m9.518%208.722l-1.582%204.115l2.615%202.88l4.169-.197l1.362-4.16l-2.404-3.072z%22%2F%3E%3Cpath%20fill%3D%22%23e1fffe%22%20d%3D%22M11.845%2011.292L7.077%205.614l.105-.092L12%2011.264l-2.788%208.037l-.128-.046l2.76-7.959z%22%2F%3E%3Cpath%20fill%3D%22%23e1fffe%22%20d%3D%22m15.182%204.91l4.581%205.856l-2.597%207.95l-7.936.375l-4.969-5.486L7.27%205.742zm-7.817.96l-2.948%207.703l4.873%205.376l7.776-.366l2.546-7.785l-4.489-5.746z%22%2F%3E%3Cpath%20fill%3D%22%23e1fffe%22%20d%3D%22m13.075%2011.132l2.24-6.377l-.128-.046l-2.93%208.338l-8.152.563l.01.137l8.16-.567l4.996%205.815l.1-.087l-4.991-5.81l.64-1.829l6.962-.448l-.01-.137l-6.902.448z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd116%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(%23SVGHcSWxdhd116)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%2300309d%22%20d%3D%22M7.109%205.545L4%2013.655l5.13%205.66l8.191-.385L20%2010.734l-4.727-6.048z%22%2F%3E%3Cpath%20fill%3D%22%23062682%22%20d%3D%22m7.314%205.806l-2.976%207.78l4.92%205.436l7.862-.37l2.565-7.868L15.15%204.98z%22%2F%3E%3Cpath%20fill%3D%22%230541d6%22%20d%3D%22m7.977%206.684l-2.56%206.674l4.23%204.663l6.751-.315l2.208-6.747l-3.895-4.983z%22%2F%3E%3Cpath%20fill%3D%22%23409bea%22%20d%3D%22m8.526%207.406l-2.208%205.773l3.652%204.028l5.83-.275l1.905-5.837l-3.364-4.302z%22%2F%3E%3Cpath%20fill%3D%22%2358c5f5%22%20d%3D%22m9.024%208.082l-1.898%204.923l3.132%203.438l5.001-.233l1.637-4.974l-2.885-3.67l-4.987.52z%22%2F%3E%3Cpath%20fill%3D%22%23bafcfd%22%20d%3D%22m9.518%208.722l-1.582%204.115l2.615%202.88l4.169-.197l1.362-4.16l-2.404-3.072z%22%2F%3E%3Cpath%20fill%3D%22%23e1fffe%22%20d%3D%22M11.845%2011.292L7.077%205.614l.105-.092L12%2011.264l-2.788%208.037l-.128-.046l2.76-7.959z%22%2F%3E%3Cpath%20fill%3D%22%23e1fffe%22%20d%3D%22m15.182%204.91l4.581%205.856l-2.597%207.95l-7.936.375l-4.969-5.486L7.27%205.742zm-7.817.96l-2.948%207.703l4.873%205.376l7.776-.366l2.546-7.785l-4.489-5.746z%22%2F%3E%3Cpath%20fill%3D%22%23e1fffe%22%20d%3D%22m13.075%2011.132l2.24-6.377l-.128-.046l-2.93%208.338l-8.152.563l.01.137l8.16-.567l4.996%205.815l.1-.087l-4.991-5.81l.64-1.829l6.962-.448l-.01-.137l-6.902.448z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd116%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/rbx-background.svg?color=%231a73e8&size=48
