rbw logo
rbw-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- rbw-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the rbw 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(#SVGHcSWxdhd165)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGnD27SdRC)" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#f6f7f3" fill-rule="evenodd" d="M7.892 16.141c.7.88 2.268 2.668 6.456 1.694c-.739-.635-2.221-2.306-2.273-3.892c-.73-.103-2.127-.625-1.863-1.896c.056.452.498 1.412 1.788 1.624c.193.014.673.014 1.05-.09c.253-.07.404-.033.592.01c.155.037.334.08.63.08c.655 0 1.488-.833 1.79-1.153l-1.046-.998a1.83 1.83 0 0 0 .58-1.51l2.521-2.165l-3.106 1.1a3.4 3.4 0 0 0-1.962-.64c-1.176 0-4.687 1.093-5.157 4.966zm6.06-6.301c-.225.419-.616 1.303-.343 1.501c.278.198.8-.324 1.036-.612c-.236-.15-.692-.55-.692-.889" clip-rule="evenodd"/><path fill="url(#SVGER5nkd7d)" d="M10.047 8.857c-2.682 1.788-2.922 5.52-2.706 7.162c-.546-.767-1.459-2.282-1.459-3.896c0-1.294.518-2.494.772-2.932l.602-.33h1.93l-1.304-.795h-.47c1.007-1.317 2.917-2.004 3.75-2.183l1.19 1.51V6.156l-.103-.273c2.523.094 3.826 1.412 4.165 2.052l-1.779.39c-1.68-.95-3.76-.042-4.588.532"/><path fill="url(#SVGzoGUpeJV)" d="M19.06 12a7.06 7.06 0 1 1-1.446-4.283l-.48.151a6.588 6.588 0 1 0 .471.659l.376-.268a7.03 7.03 0 0 1 1.078 3.74"/></g><defs><linearGradient id="SVGnD27SdRC" x1="21.252" x2="12" y1="8.009" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#0d183a"/><stop offset=".22" stop-color="#112a73"/><stop offset=".29" stop-color="#13224e"/><stop offset=".46" stop-color="#18417b"/><stop offset=".73" stop-color="#0f2771"/><stop offset="1" stop-color="#0d1839"/></linearGradient><linearGradient id="SVGER5nkd7d" x1="18.434" x2="8.081" y1="7.417" y2="21.221" gradientUnits="userSpaceOnUse"><stop stop-color="#8ef6ee"/><stop offset=".3" stop-color="#5c71d9"/><stop offset=".67" stop-color="#d73960"/><stop offset="1" stop-color="#f8cf44"/></linearGradient><linearGradient id="SVGzoGUpeJV" x1="4.725" x2="19.798" y1="11.2" y2="15.543" gradientUnits="userSpaceOnUse"><stop stop-color="#1774c8"/><stop offset="1" stop-color="#17458a"/></linearGradient><clipPath id="SVGHcSWxdhd165"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedRbwBackground(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(#SVGHcSWxdhd165)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGnD27SdRC)" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#f6f7f3" fillRule="evenodd" d="M7.892 16.141c.7.88 2.268 2.668 6.456 1.694c-.739-.635-2.221-2.306-2.273-3.892c-.73-.103-2.127-.625-1.863-1.896c.056.452.498 1.412 1.788 1.624c.193.014.673.014 1.05-.09c.253-.07.404-.033.592.01c.155.037.334.08.63.08c.655 0 1.488-.833 1.79-1.153l-1.046-.998a1.83 1.83 0 0 0 .58-1.51l2.521-2.165l-3.106 1.1a3.4 3.4 0 0 0-1.962-.64c-1.176 0-4.687 1.093-5.157 4.966zm6.06-6.301c-.225.419-.616 1.303-.343 1.501c.278.198.8-.324 1.036-.612c-.236-.15-.692-.55-.692-.889" clipRule="evenodd"/><path fill="url(#SVGER5nkd7d)" d="M10.047 8.857c-2.682 1.788-2.922 5.52-2.706 7.162c-.546-.767-1.459-2.282-1.459-3.896c0-1.294.518-2.494.772-2.932l.602-.33h1.93l-1.304-.795h-.47c1.007-1.317 2.917-2.004 3.75-2.183l1.19 1.51V6.156l-.103-.273c2.523.094 3.826 1.412 4.165 2.052l-1.779.39c-1.68-.95-3.76-.042-4.588.532"/><path fill="url(#SVGzoGUpeJV)" d="M19.06 12a7.06 7.06 0 1 1-1.446-4.283l-.48.151a6.588 6.588 0 1 0 .471.659l.376-.268a7.03 7.03 0 0 1 1.078 3.74"/></g><defs><linearGradient id="SVGnD27SdRC" x1="21.252" x2="12" y1="8.009" y2="20" gradientUnits="userSpaceOnUse"><stop stopColor="#0d183a"/><stop offset=".22" stopColor="#112a73"/><stop offset=".29" stopColor="#13224e"/><stop offset=".46" stopColor="#18417b"/><stop offset=".73" stopColor="#0f2771"/><stop offset="1" stopColor="#0d1839"/></linearGradient><linearGradient id="SVGER5nkd7d" x1="18.434" x2="8.081" y1="7.417" y2="21.221" gradientUnits="userSpaceOnUse"><stop stopColor="#8ef6ee"/><stop offset=".3" stopColor="#5c71d9"/><stop offset=".67" stopColor="#d73960"/><stop offset="1" stopColor="#f8cf44"/></linearGradient><linearGradient id="SVGzoGUpeJV" x1="4.725" x2="19.798" y1="11.2" y2="15.543" gradientUnits="userSpaceOnUse"><stop stopColor="#1774c8"/><stop offset="1" stopColor="#17458a"/></linearGradient><clipPath id="SVGHcSWxdhd165"><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(#SVGHcSWxdhd165)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGnD27SdRC)" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#f6f7f3" fill-rule="evenodd" d="M7.892 16.141c.7.88 2.268 2.668 6.456 1.694c-.739-.635-2.221-2.306-2.273-3.892c-.73-.103-2.127-.625-1.863-1.896c.056.452.498 1.412 1.788 1.624c.193.014.673.014 1.05-.09c.253-.07.404-.033.592.01c.155.037.334.08.63.08c.655 0 1.488-.833 1.79-1.153l-1.046-.998a1.83 1.83 0 0 0 .58-1.51l2.521-2.165l-3.106 1.1a3.4 3.4 0 0 0-1.962-.64c-1.176 0-4.687 1.093-5.157 4.966zm6.06-6.301c-.225.419-.616 1.303-.343 1.501c.278.198.8-.324 1.036-.612c-.236-.15-.692-.55-.692-.889" clip-rule="evenodd"/><path fill="url(#SVGER5nkd7d)" d="M10.047 8.857c-2.682 1.788-2.922 5.52-2.706 7.162c-.546-.767-1.459-2.282-1.459-3.896c0-1.294.518-2.494.772-2.932l.602-.33h1.93l-1.304-.795h-.47c1.007-1.317 2.917-2.004 3.75-2.183l1.19 1.51V6.156l-.103-.273c2.523.094 3.826 1.412 4.165 2.052l-1.779.39c-1.68-.95-3.76-.042-4.588.532"/><path fill="url(#SVGzoGUpeJV)" d="M19.06 12a7.06 7.06 0 1 1-1.446-4.283l-.48.151a6.588 6.588 0 1 0 .471.659l.376-.268a7.03 7.03 0 0 1 1.078 3.74"/></g><defs><linearGradient id="SVGnD27SdRC" x1="21.252" x2="12" y1="8.009" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#0d183a"/><stop offset=".22" stop-color="#112a73"/><stop offset=".29" stop-color="#13224e"/><stop offset=".46" stop-color="#18417b"/><stop offset=".73" stop-color="#0f2771"/><stop offset="1" stop-color="#0d1839"/></linearGradient><linearGradient id="SVGER5nkd7d" x1="18.434" x2="8.081" y1="7.417" y2="21.221" gradientUnits="userSpaceOnUse"><stop stop-color="#8ef6ee"/><stop offset=".3" stop-color="#5c71d9"/><stop offset=".67" stop-color="#d73960"/><stop offset="1" stop-color="#f8cf44"/></linearGradient><linearGradient id="SVGzoGUpeJV" x1="4.725" x2="19.798" y1="11.2" y2="15.543" gradientUnits="userSpaceOnUse"><stop stop-color="#1774c8"/><stop offset="1" stop-color="#17458a"/></linearGradient><clipPath id="SVGHcSWxdhd165"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-rbw-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(%23SVGHcSWxdhd165)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnD27SdRC)%22%20d%3D%22M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22%23f6f7f3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.892%2016.141c.7.88%202.268%202.668%206.456%201.694c-.739-.635-2.221-2.306-2.273-3.892c-.73-.103-2.127-.625-1.863-1.896c.056.452.498%201.412%201.788%201.624c.193.014.673.014%201.05-.09c.253-.07.404-.033.592.01c.155.037.334.08.63.08c.655%200%201.488-.833%201.79-1.153l-1.046-.998a1.83%201.83%200%200%200%20.58-1.51l2.521-2.165l-3.106%201.1a3.4%203.4%200%200%200-1.962-.64c-1.176%200-4.687%201.093-5.157%204.966zm6.06-6.301c-.225.419-.616%201.303-.343%201.501c.278.198.8-.324%201.036-.612c-.236-.15-.692-.55-.692-.889%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGER5nkd7d)%22%20d%3D%22M10.047%208.857c-2.682%201.788-2.922%205.52-2.706%207.162c-.546-.767-1.459-2.282-1.459-3.896c0-1.294.518-2.494.772-2.932l.602-.33h1.93l-1.304-.795h-.47c1.007-1.317%202.917-2.004%203.75-2.183l1.19%201.51V6.156l-.103-.273c2.523.094%203.826%201.412%204.165%202.052l-1.779.39c-1.68-.95-3.76-.042-4.588.532%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzoGUpeJV)%22%20d%3D%22M19.06%2012a7.06%207.06%200%201%201-1.446-4.283l-.48.151a6.588%206.588%200%201%200%20.471.659l.376-.268a7.03%207.03%200%200%201%201.078%203.74%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnD27SdRC%22%20x1%3D%2221.252%22%20x2%3D%2212%22%20y1%3D%228.009%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230d183a%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23112a73%22%2F%3E%3Cstop%20offset%3D%22.29%22%20stop-color%3D%22%2313224e%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%2318417b%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%230f2771%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230d1839%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGER5nkd7d%22%20x1%3D%2218.434%22%20x2%3D%228.081%22%20y1%3D%227.417%22%20y2%3D%2221.221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238ef6ee%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%235c71d9%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23d73960%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f8cf44%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGzoGUpeJV%22%20x1%3D%224.725%22%20x2%3D%2219.798%22%20y1%3D%2211.2%22%20y2%3D%2215.543%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231774c8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2317458a%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd165%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(%23SVGHcSWxdhd165)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnD27SdRC)%22%20d%3D%22M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22%23f6f7f3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.892%2016.141c.7.88%202.268%202.668%206.456%201.694c-.739-.635-2.221-2.306-2.273-3.892c-.73-.103-2.127-.625-1.863-1.896c.056.452.498%201.412%201.788%201.624c.193.014.673.014%201.05-.09c.253-.07.404-.033.592.01c.155.037.334.08.63.08c.655%200%201.488-.833%201.79-1.153l-1.046-.998a1.83%201.83%200%200%200%20.58-1.51l2.521-2.165l-3.106%201.1a3.4%203.4%200%200%200-1.962-.64c-1.176%200-4.687%201.093-5.157%204.966zm6.06-6.301c-.225.419-.616%201.303-.343%201.501c.278.198.8-.324%201.036-.612c-.236-.15-.692-.55-.692-.889%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGER5nkd7d)%22%20d%3D%22M10.047%208.857c-2.682%201.788-2.922%205.52-2.706%207.162c-.546-.767-1.459-2.282-1.459-3.896c0-1.294.518-2.494.772-2.932l.602-.33h1.93l-1.304-.795h-.47c1.007-1.317%202.917-2.004%203.75-2.183l1.19%201.51V6.156l-.103-.273c2.523.094%203.826%201.412%204.165%202.052l-1.779.39c-1.68-.95-3.76-.042-4.588.532%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzoGUpeJV)%22%20d%3D%22M19.06%2012a7.06%207.06%200%201%201-1.446-4.283l-.48.151a6.588%206.588%200%201%200%20.471.659l.376-.268a7.03%207.03%200%200%201%201.078%203.74%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnD27SdRC%22%20x1%3D%2221.252%22%20x2%3D%2212%22%20y1%3D%228.009%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230d183a%22%2F%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23112a73%22%2F%3E%3Cstop%20offset%3D%22.29%22%20stop-color%3D%22%2313224e%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%2318417b%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%230f2771%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230d1839%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGER5nkd7d%22%20x1%3D%2218.434%22%20x2%3D%228.081%22%20y1%3D%227.417%22%20y2%3D%2221.221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238ef6ee%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%235c71d9%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23d73960%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f8cf44%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGzoGUpeJV%22%20x1%3D%224.725%22%20x2%3D%2219.798%22%20y1%3D%2211.2%22%20y2%3D%2215.543%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231774c8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2317458a%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd165%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/rbw-background.svg?color=%231a73e8&size=48
