rai logo
rai-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- rai-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the rai 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(#SVGHcSWxdhd164)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#68fee2" d="m6.312 9.02l-.484 1.392a.86.86 0 0 0 .044.68l1.973 3.857a.733.733 0 0 0 1.262.071l5.422-8.19a1 1 0 0 0 .133-.307l.334-1.631a.711.711 0 0 0-1.085-.756l-7.24 4.44a.9.9 0 0 0-.359.453z"/><path fill="#1fc9a8" d="M8.32 15.333a.75.75 0 0 0 .707-.205l5.795-10.88C14.6 4 14.28 3.96 13.947 4.16L6.672 8.578a.8.8 0 0 0-.222.204l1.87 6.555z"/><path fill="#a5e9dc" d="m12.076 9.4l-.614-2.564l-.444.689l.64 2.666zm-1.014 1.902l-.969-3.813l-1.106.422l1.169 5.093z"/><path fill="#19898a" d="m6.502 8.733l6.804-1.671l1.525-2.827a.724.724 0 0 0-.92-.124L6.689 8.577a1 1 0 0 0-.187.16z"/><path fill="#68fee2" d="m17.688 14.976l.485-1.39a.86.86 0 0 0-.045-.68l-1.973-3.858a.734.734 0 0 0-1.262-.072l-5.426 8.191a1 1 0 0 0-.134.307L9 19.104a.733.733 0 0 0 1.111.774l7.213-4.453a.9.9 0 0 0 .36-.453z"/><path fill="#1fc9a8" d="M15.68 8.674a.73.73 0 0 0-.706.2L9.179 19.758c.222.244.59.262.92.058l7.23-4.387a.8.8 0 0 0 .223-.204z"/><path fill="#19898a" d="m17.555 15.222l-6.853 1.68L9.17 19.75c.218.25.6.343.969.138l7.24-4.489a.6.6 0 0 0 .177-.177"/><path fill="#a5e9dc" d="m16.4 11.185l-2.044-1.15l-.33.612l2.645 1.485zm.618 2.16l-3.449-1.83l-.475.888c.733.387 2.933 1.613 4.342 2.404z"/><path fill="#fff" d="M8 7.11c0 .65-.604.885-.906.92c.302-.021.902.116.902.858c0-.684.582-.857.875-.857c-.697 0-.875-.614-.875-.92zm3.12 1.334c0 .324-.302.444-.453.462c.15-.013.453.058.453.427c0-.342.289-.427.436-.427c-.351 0-.436-.31-.436-.462m2.218 8.11c0 .245-.222.334-.338.347c.111-.009.338.045.338.32c0-.258.222-.32.329-.32c-.263 0-.33-.23-.33-.346"/></g><defs><clipPath id="SVGHcSWxdhd164"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedRaiBackground(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(#SVGHcSWxdhd164)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#68fee2" d="m6.312 9.02l-.484 1.392a.86.86 0 0 0 .044.68l1.973 3.857a.733.733 0 0 0 1.262.071l5.422-8.19a1 1 0 0 0 .133-.307l.334-1.631a.711.711 0 0 0-1.085-.756l-7.24 4.44a.9.9 0 0 0-.359.453z"/><path fill="#1fc9a8" d="M8.32 15.333a.75.75 0 0 0 .707-.205l5.795-10.88C14.6 4 14.28 3.96 13.947 4.16L6.672 8.578a.8.8 0 0 0-.222.204l1.87 6.555z"/><path fill="#a5e9dc" d="m12.076 9.4l-.614-2.564l-.444.689l.64 2.666zm-1.014 1.902l-.969-3.813l-1.106.422l1.169 5.093z"/><path fill="#19898a" d="m6.502 8.733l6.804-1.671l1.525-2.827a.724.724 0 0 0-.92-.124L6.689 8.577a1 1 0 0 0-.187.16z"/><path fill="#68fee2" d="m17.688 14.976l.485-1.39a.86.86 0 0 0-.045-.68l-1.973-3.858a.734.734 0 0 0-1.262-.072l-5.426 8.191a1 1 0 0 0-.134.307L9 19.104a.733.733 0 0 0 1.111.774l7.213-4.453a.9.9 0 0 0 .36-.453z"/><path fill="#1fc9a8" d="M15.68 8.674a.73.73 0 0 0-.706.2L9.179 19.758c.222.244.59.262.92.058l7.23-4.387a.8.8 0 0 0 .223-.204z"/><path fill="#19898a" d="m17.555 15.222l-6.853 1.68L9.17 19.75c.218.25.6.343.969.138l7.24-4.489a.6.6 0 0 0 .177-.177"/><path fill="#a5e9dc" d="m16.4 11.185l-2.044-1.15l-.33.612l2.645 1.485zm.618 2.16l-3.449-1.83l-.475.888c.733.387 2.933 1.613 4.342 2.404z"/><path fill="#fff" d="M8 7.11c0 .65-.604.885-.906.92c.302-.021.902.116.902.858c0-.684.582-.857.875-.857c-.697 0-.875-.614-.875-.92zm3.12 1.334c0 .324-.302.444-.453.462c.15-.013.453.058.453.427c0-.342.289-.427.436-.427c-.351 0-.436-.31-.436-.462m2.218 8.11c0 .245-.222.334-.338.347c.111-.009.338.045.338.32c0-.258.222-.32.329-.32c-.263 0-.33-.23-.33-.346"/></g><defs><clipPath id="SVGHcSWxdhd164"><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(#SVGHcSWxdhd164)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#68fee2" d="m6.312 9.02l-.484 1.392a.86.86 0 0 0 .044.68l1.973 3.857a.733.733 0 0 0 1.262.071l5.422-8.19a1 1 0 0 0 .133-.307l.334-1.631a.711.711 0 0 0-1.085-.756l-7.24 4.44a.9.9 0 0 0-.359.453z"/><path fill="#1fc9a8" d="M8.32 15.333a.75.75 0 0 0 .707-.205l5.795-10.88C14.6 4 14.28 3.96 13.947 4.16L6.672 8.578a.8.8 0 0 0-.222.204l1.87 6.555z"/><path fill="#a5e9dc" d="m12.076 9.4l-.614-2.564l-.444.689l.64 2.666zm-1.014 1.902l-.969-3.813l-1.106.422l1.169 5.093z"/><path fill="#19898a" d="m6.502 8.733l6.804-1.671l1.525-2.827a.724.724 0 0 0-.92-.124L6.689 8.577a1 1 0 0 0-.187.16z"/><path fill="#68fee2" d="m17.688 14.976l.485-1.39a.86.86 0 0 0-.045-.68l-1.973-3.858a.734.734 0 0 0-1.262-.072l-5.426 8.191a1 1 0 0 0-.134.307L9 19.104a.733.733 0 0 0 1.111.774l7.213-4.453a.9.9 0 0 0 .36-.453z"/><path fill="#1fc9a8" d="M15.68 8.674a.73.73 0 0 0-.706.2L9.179 19.758c.222.244.59.262.92.058l7.23-4.387a.8.8 0 0 0 .223-.204z"/><path fill="#19898a" d="m17.555 15.222l-6.853 1.68L9.17 19.75c.218.25.6.343.969.138l7.24-4.489a.6.6 0 0 0 .177-.177"/><path fill="#a5e9dc" d="m16.4 11.185l-2.044-1.15l-.33.612l2.645 1.485zm.618 2.16l-3.449-1.83l-.475.888c.733.387 2.933 1.613 4.342 2.404z"/><path fill="#fff" d="M8 7.11c0 .65-.604.885-.906.92c.302-.021.902.116.902.858c0-.684.582-.857.875-.857c-.697 0-.875-.614-.875-.92zm3.12 1.334c0 .324-.302.444-.453.462c.15-.013.453.058.453.427c0-.342.289-.427.436-.427c-.351 0-.436-.31-.436-.462m2.218 8.11c0 .245-.222.334-.338.347c.111-.009.338.045.338.32c0-.258.222-.32.329-.32c-.263 0-.33-.23-.33-.346"/></g><defs><clipPath id="SVGHcSWxdhd164"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-rai-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(%23SVGHcSWxdhd164)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%2368fee2%22%20d%3D%22m6.312%209.02l-.484%201.392a.86.86%200%200%200%20.044.68l1.973%203.857a.733.733%200%200%200%201.262.071l5.422-8.19a1%201%200%200%200%20.133-.307l.334-1.631a.711.711%200%200%200-1.085-.756l-7.24%204.44a.9.9%200%200%200-.359.453z%22%2F%3E%3Cpath%20fill%3D%22%231fc9a8%22%20d%3D%22M8.32%2015.333a.75.75%200%200%200%20.707-.205l5.795-10.88C14.6%204%2014.28%203.96%2013.947%204.16L6.672%208.578a.8.8%200%200%200-.222.204l1.87%206.555z%22%2F%3E%3Cpath%20fill%3D%22%23a5e9dc%22%20d%3D%22m12.076%209.4l-.614-2.564l-.444.689l.64%202.666zm-1.014%201.902l-.969-3.813l-1.106.422l1.169%205.093z%22%2F%3E%3Cpath%20fill%3D%22%2319898a%22%20d%3D%22m6.502%208.733l6.804-1.671l1.525-2.827a.724.724%200%200%200-.92-.124L6.689%208.577a1%201%200%200%200-.187.16z%22%2F%3E%3Cpath%20fill%3D%22%2368fee2%22%20d%3D%22m17.688%2014.976l.485-1.39a.86.86%200%200%200-.045-.68l-1.973-3.858a.734.734%200%200%200-1.262-.072l-5.426%208.191a1%201%200%200%200-.134.307L9%2019.104a.733.733%200%200%200%201.111.774l7.213-4.453a.9.9%200%200%200%20.36-.453z%22%2F%3E%3Cpath%20fill%3D%22%231fc9a8%22%20d%3D%22M15.68%208.674a.73.73%200%200%200-.706.2L9.179%2019.758c.222.244.59.262.92.058l7.23-4.387a.8.8%200%200%200%20.223-.204z%22%2F%3E%3Cpath%20fill%3D%22%2319898a%22%20d%3D%22m17.555%2015.222l-6.853%201.68L9.17%2019.75c.218.25.6.343.969.138l7.24-4.489a.6.6%200%200%200%20.177-.177%22%2F%3E%3Cpath%20fill%3D%22%23a5e9dc%22%20d%3D%22m16.4%2011.185l-2.044-1.15l-.33.612l2.645%201.485zm.618%202.16l-3.449-1.83l-.475.888c.733.387%202.933%201.613%204.342%202.404z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%207.11c0%20.65-.604.885-.906.92c.302-.021.902.116.902.858c0-.684.582-.857.875-.857c-.697%200-.875-.614-.875-.92zm3.12%201.334c0%20.324-.302.444-.453.462c.15-.013.453.058.453.427c0-.342.289-.427.436-.427c-.351%200-.436-.31-.436-.462m2.218%208.11c0%20.245-.222.334-.338.347c.111-.009.338.045.338.32c0-.258.222-.32.329-.32c-.263%200-.33-.23-.33-.346%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd164%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(%23SVGHcSWxdhd164)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%2368fee2%22%20d%3D%22m6.312%209.02l-.484%201.392a.86.86%200%200%200%20.044.68l1.973%203.857a.733.733%200%200%200%201.262.071l5.422-8.19a1%201%200%200%200%20.133-.307l.334-1.631a.711.711%200%200%200-1.085-.756l-7.24%204.44a.9.9%200%200%200-.359.453z%22%2F%3E%3Cpath%20fill%3D%22%231fc9a8%22%20d%3D%22M8.32%2015.333a.75.75%200%200%200%20.707-.205l5.795-10.88C14.6%204%2014.28%203.96%2013.947%204.16L6.672%208.578a.8.8%200%200%200-.222.204l1.87%206.555z%22%2F%3E%3Cpath%20fill%3D%22%23a5e9dc%22%20d%3D%22m12.076%209.4l-.614-2.564l-.444.689l.64%202.666zm-1.014%201.902l-.969-3.813l-1.106.422l1.169%205.093z%22%2F%3E%3Cpath%20fill%3D%22%2319898a%22%20d%3D%22m6.502%208.733l6.804-1.671l1.525-2.827a.724.724%200%200%200-.92-.124L6.689%208.577a1%201%200%200%200-.187.16z%22%2F%3E%3Cpath%20fill%3D%22%2368fee2%22%20d%3D%22m17.688%2014.976l.485-1.39a.86.86%200%200%200-.045-.68l-1.973-3.858a.734.734%200%200%200-1.262-.072l-5.426%208.191a1%201%200%200%200-.134.307L9%2019.104a.733.733%200%200%200%201.111.774l7.213-4.453a.9.9%200%200%200%20.36-.453z%22%2F%3E%3Cpath%20fill%3D%22%231fc9a8%22%20d%3D%22M15.68%208.674a.73.73%200%200%200-.706.2L9.179%2019.758c.222.244.59.262.92.058l7.23-4.387a.8.8%200%200%200%20.223-.204z%22%2F%3E%3Cpath%20fill%3D%22%2319898a%22%20d%3D%22m17.555%2015.222l-6.853%201.68L9.17%2019.75c.218.25.6.343.969.138l7.24-4.489a.6.6%200%200%200%20.177-.177%22%2F%3E%3Cpath%20fill%3D%22%23a5e9dc%22%20d%3D%22m16.4%2011.185l-2.044-1.15l-.33.612l2.645%201.485zm.618%202.16l-3.449-1.83l-.475.888c.733.387%202.933%201.613%204.342%202.404z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%207.11c0%20.65-.604.885-.906.92c.302-.021.902.116.902.858c0-.684.582-.857.875-.857c-.697%200-.875-.614-.875-.92zm3.12%201.334c0%20.324-.302.444-.453.462c.15-.013.453.058.453.427c0-.342.289-.427.436-.427c-.351%200-.436-.31-.436-.462m2.218%208.11c0%20.245-.222.334-.338.347c.111-.009.338.045.338.32c0-.258.222-.32.329-.32c-.263%200-.33-.23-.33-.346%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd164%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/rai-background.svg?color=%231a73e8&size=48
