rai logo
rai from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- rai
- Set
- Web3 Icons Branded
- Style
- Branded
- 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"><path fill="#68fee2" d="m5.6 8.649l-.544 1.565a.97.97 0 0 0 .05.765l2.22 4.34a.824.824 0 0 0 1.42.08l6.1-9.215q.105-.158.15-.345l.374-1.835a.8.8 0 0 0-1.22-.85L6.006 8.15c-.19.12-.33.3-.405.51z"/><path fill="#1fc9a8" d="M7.86 15.75a.84.84 0 0 0 .796-.23l6.52-12.24c-.25-.28-.61-.325-.986-.1L6.006 8.15a.9.9 0 0 0-.25.23l2.105 7.374z"/><path fill="#a5e9dc" d="m12.085 9.075l-.69-2.885l-.5.775l.72 3zm-1.14 2.14l-1.09-4.29L8.61 7.4l1.315 5.73z"/><path fill="#19898a" d="m5.815 8.325l7.655-1.88l1.715-3.18a.815.815 0 0 0-1.035-.14L6.025 8.15c-.075.05-.15.11-.21.18z"/><path fill="#68fee2" d="m18.4 15.348l.545-1.565a.97.97 0 0 0-.05-.765l-2.22-4.34a.825.825 0 0 0-1.42-.08L9.15 17.813q-.105.158-.15.345l-.375 1.835a.825.825 0 0 0 1.25.87l8.115-5.01c.19-.12.33-.3.405-.51z"/><path fill="#1fc9a8" d="M16.14 8.259a.82.82 0 0 0-.794.225l-6.52 12.244c.25.275.665.295 1.035.065l8.135-4.935a.9.9 0 0 0 .25-.23z"/><path fill="#19898a" d="m18.25 15.625l-7.71 1.89l-1.725 3.204c.245.28.675.385 1.09.155l8.145-5.05c.08-.05.15-.12.2-.2"/><path fill="#a5e9dc" d="m16.95 11.084l-2.3-1.295l-.37.69l2.975 1.67zm.695 2.43l-3.88-2.06l-.535 1c.825.434 3.3 1.814 4.885 2.704z"/><path fill="#fff" d="M7.5 6.5c0 .73-.68.994-1.02 1.034c.34-.025 1.015.13 1.015.965c0-.77.655-.965.985-.965c-.785 0-.985-.69-.985-1.034zM11.01 8c0 .364-.34.5-.51.52c.17-.016.51.064.51.48c0-.386.325-.48.49-.48c-.395 0-.49-.35-.49-.52m2.495 9.124c0 .275-.25.375-.38.39c.125-.01.38.05.38.36c0-.29.25-.36.37-.36c-.295 0-.37-.26-.37-.39"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedRai(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"><path fill="#68fee2" d="m5.6 8.649l-.544 1.565a.97.97 0 0 0 .05.765l2.22 4.34a.824.824 0 0 0 1.42.08l6.1-9.215q.105-.158.15-.345l.374-1.835a.8.8 0 0 0-1.22-.85L6.006 8.15c-.19.12-.33.3-.405.51z"/><path fill="#1fc9a8" d="M7.86 15.75a.84.84 0 0 0 .796-.23l6.52-12.24c-.25-.28-.61-.325-.986-.1L6.006 8.15a.9.9 0 0 0-.25.23l2.105 7.374z"/><path fill="#a5e9dc" d="m12.085 9.075l-.69-2.885l-.5.775l.72 3zm-1.14 2.14l-1.09-4.29L8.61 7.4l1.315 5.73z"/><path fill="#19898a" d="m5.815 8.325l7.655-1.88l1.715-3.18a.815.815 0 0 0-1.035-.14L6.025 8.15c-.075.05-.15.11-.21.18z"/><path fill="#68fee2" d="m18.4 15.348l.545-1.565a.97.97 0 0 0-.05-.765l-2.22-4.34a.825.825 0 0 0-1.42-.08L9.15 17.813q-.105.158-.15.345l-.375 1.835a.825.825 0 0 0 1.25.87l8.115-5.01c.19-.12.33-.3.405-.51z"/><path fill="#1fc9a8" d="M16.14 8.259a.82.82 0 0 0-.794.225l-6.52 12.244c.25.275.665.295 1.035.065l8.135-4.935a.9.9 0 0 0 .25-.23z"/><path fill="#19898a" d="m18.25 15.625l-7.71 1.89l-1.725 3.204c.245.28.675.385 1.09.155l8.145-5.05c.08-.05.15-.12.2-.2"/><path fill="#a5e9dc" d="m16.95 11.084l-2.3-1.295l-.37.69l2.975 1.67zm.695 2.43l-3.88-2.06l-.535 1c.825.434 3.3 1.814 4.885 2.704z"/><path fill="#fff" d="M7.5 6.5c0 .73-.68.994-1.02 1.034c.34-.025 1.015.13 1.015.965c0-.77.655-.965.985-.965c-.785 0-.985-.69-.985-1.034zM11.01 8c0 .364-.34.5-.51.52c.17-.016.51.064.51.48c0-.386.325-.48.49-.48c-.395 0-.49-.35-.49-.52m2.495 9.124c0 .275-.25.375-.38.39c.125-.01.38.05.38.36c0-.29.25-.36.37-.36c-.295 0-.37-.26-.37-.39"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#68fee2" d="m5.6 8.649l-.544 1.565a.97.97 0 0 0 .05.765l2.22 4.34a.824.824 0 0 0 1.42.08l6.1-9.215q.105-.158.15-.345l.374-1.835a.8.8 0 0 0-1.22-.85L6.006 8.15c-.19.12-.33.3-.405.51z"/><path fill="#1fc9a8" d="M7.86 15.75a.84.84 0 0 0 .796-.23l6.52-12.24c-.25-.28-.61-.325-.986-.1L6.006 8.15a.9.9 0 0 0-.25.23l2.105 7.374z"/><path fill="#a5e9dc" d="m12.085 9.075l-.69-2.885l-.5.775l.72 3zm-1.14 2.14l-1.09-4.29L8.61 7.4l1.315 5.73z"/><path fill="#19898a" d="m5.815 8.325l7.655-1.88l1.715-3.18a.815.815 0 0 0-1.035-.14L6.025 8.15c-.075.05-.15.11-.21.18z"/><path fill="#68fee2" d="m18.4 15.348l.545-1.565a.97.97 0 0 0-.05-.765l-2.22-4.34a.825.825 0 0 0-1.42-.08L9.15 17.813q-.105.158-.15.345l-.375 1.835a.825.825 0 0 0 1.25.87l8.115-5.01c.19-.12.33-.3.405-.51z"/><path fill="#1fc9a8" d="M16.14 8.259a.82.82 0 0 0-.794.225l-6.52 12.244c.25.275.665.295 1.035.065l8.135-4.935a.9.9 0 0 0 .25-.23z"/><path fill="#19898a" d="m18.25 15.625l-7.71 1.89l-1.725 3.204c.245.28.675.385 1.09.155l8.145-5.05c.08-.05.15-.12.2-.2"/><path fill="#a5e9dc" d="m16.95 11.084l-2.3-1.295l-.37.69l2.975 1.67zm.695 2.43l-3.88-2.06l-.535 1c.825.434 3.3 1.814 4.885 2.704z"/><path fill="#fff" d="M7.5 6.5c0 .73-.68.994-1.02 1.034c.34-.025 1.015.13 1.015.965c0-.77.655-.965.985-.965c-.785 0-.985-.69-.985-1.034zM11.01 8c0 .364-.34.5-.51.52c.17-.016.51.064.51.48c0-.386.325-.48.49-.48c-.395 0-.49-.35-.49-.52m2.495 9.124c0 .275-.25.375-.38.39c.125-.01.38.05.38.36c0-.29.25-.36.37-.36c-.295 0-.37-.26-.37-.39"/></g></svg> </template>
CSS
.icon-rai {
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%3Cpath%20fill%3D%22%2368fee2%22%20d%3D%22m5.6%208.649l-.544%201.565a.97.97%200%200%200%20.05.765l2.22%204.34a.824.824%200%200%200%201.42.08l6.1-9.215q.105-.158.15-.345l.374-1.835a.8.8%200%200%200-1.22-.85L6.006%208.15c-.19.12-.33.3-.405.51z%22%2F%3E%3Cpath%20fill%3D%22%231fc9a8%22%20d%3D%22M7.86%2015.75a.84.84%200%200%200%20.796-.23l6.52-12.24c-.25-.28-.61-.325-.986-.1L6.006%208.15a.9.9%200%200%200-.25.23l2.105%207.374z%22%2F%3E%3Cpath%20fill%3D%22%23a5e9dc%22%20d%3D%22m12.085%209.075l-.69-2.885l-.5.775l.72%203zm-1.14%202.14l-1.09-4.29L8.61%207.4l1.315%205.73z%22%2F%3E%3Cpath%20fill%3D%22%2319898a%22%20d%3D%22m5.815%208.325l7.655-1.88l1.715-3.18a.815.815%200%200%200-1.035-.14L6.025%208.15c-.075.05-.15.11-.21.18z%22%2F%3E%3Cpath%20fill%3D%22%2368fee2%22%20d%3D%22m18.4%2015.348l.545-1.565a.97.97%200%200%200-.05-.765l-2.22-4.34a.825.825%200%200%200-1.42-.08L9.15%2017.813q-.105.158-.15.345l-.375%201.835a.825.825%200%200%200%201.25.87l8.115-5.01c.19-.12.33-.3.405-.51z%22%2F%3E%3Cpath%20fill%3D%22%231fc9a8%22%20d%3D%22M16.14%208.259a.82.82%200%200%200-.794.225l-6.52%2012.244c.25.275.665.295%201.035.065l8.135-4.935a.9.9%200%200%200%20.25-.23z%22%2F%3E%3Cpath%20fill%3D%22%2319898a%22%20d%3D%22m18.25%2015.625l-7.71%201.89l-1.725%203.204c.245.28.675.385%201.09.155l8.145-5.05c.08-.05.15-.12.2-.2%22%2F%3E%3Cpath%20fill%3D%22%23a5e9dc%22%20d%3D%22m16.95%2011.084l-2.3-1.295l-.37.69l2.975%201.67zm.695%202.43l-3.88-2.06l-.535%201c.825.434%203.3%201.814%204.885%202.704z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.5%206.5c0%20.73-.68.994-1.02%201.034c.34-.025%201.015.13%201.015.965c0-.77.655-.965.985-.965c-.785%200-.985-.69-.985-1.034zM11.01%208c0%20.364-.34.5-.51.52c.17-.016.51.064.51.48c0-.386.325-.48.49-.48c-.395%200-.49-.35-.49-.52m2.495%209.124c0%20.275-.25.375-.38.39c.125-.01.38.05.38.36c0-.29.25-.36.37-.36c-.295%200-.37-.26-.37-.39%22%2F%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%3Cpath%20fill%3D%22%2368fee2%22%20d%3D%22m5.6%208.649l-.544%201.565a.97.97%200%200%200%20.05.765l2.22%204.34a.824.824%200%200%200%201.42.08l6.1-9.215q.105-.158.15-.345l.374-1.835a.8.8%200%200%200-1.22-.85L6.006%208.15c-.19.12-.33.3-.405.51z%22%2F%3E%3Cpath%20fill%3D%22%231fc9a8%22%20d%3D%22M7.86%2015.75a.84.84%200%200%200%20.796-.23l6.52-12.24c-.25-.28-.61-.325-.986-.1L6.006%208.15a.9.9%200%200%200-.25.23l2.105%207.374z%22%2F%3E%3Cpath%20fill%3D%22%23a5e9dc%22%20d%3D%22m12.085%209.075l-.69-2.885l-.5.775l.72%203zm-1.14%202.14l-1.09-4.29L8.61%207.4l1.315%205.73z%22%2F%3E%3Cpath%20fill%3D%22%2319898a%22%20d%3D%22m5.815%208.325l7.655-1.88l1.715-3.18a.815.815%200%200%200-1.035-.14L6.025%208.15c-.075.05-.15.11-.21.18z%22%2F%3E%3Cpath%20fill%3D%22%2368fee2%22%20d%3D%22m18.4%2015.348l.545-1.565a.97.97%200%200%200-.05-.765l-2.22-4.34a.825.825%200%200%200-1.42-.08L9.15%2017.813q-.105.158-.15.345l-.375%201.835a.825.825%200%200%200%201.25.87l8.115-5.01c.19-.12.33-.3.405-.51z%22%2F%3E%3Cpath%20fill%3D%22%231fc9a8%22%20d%3D%22M16.14%208.259a.82.82%200%200%200-.794.225l-6.52%2012.244c.25.275.665.295%201.035.065l8.135-4.935a.9.9%200%200%200%20.25-.23z%22%2F%3E%3Cpath%20fill%3D%22%2319898a%22%20d%3D%22m18.25%2015.625l-7.71%201.89l-1.725%203.204c.245.28.675.385%201.09.155l8.145-5.05c.08-.05.15-.12.2-.2%22%2F%3E%3Cpath%20fill%3D%22%23a5e9dc%22%20d%3D%22m16.95%2011.084l-2.3-1.295l-.37.69l2.975%201.67zm.695%202.43l-3.88-2.06l-.535%201c.825.434%203.3%201.814%204.885%202.704z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.5%206.5c0%20.73-.68.994-1.02%201.034c.34-.025%201.015.13%201.015.965c0-.77.655-.965.985-.965c-.785%200-.985-.69-.985-1.034zM11.01%208c0%20.364-.34.5-.51.52c.17-.016.51.064.51.48c0-.386.325-.48.49-.48c-.395%200-.49-.35-.49-.52m2.495%209.124c0%20.275-.25.375-.38.39c.125-.01.38.05.38.36c0-.29.25-.36.37-.36c-.295%200-.37-.26-.37-.39%22%2F%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.svg?color=%231a73e8&size=48
