rite logo

rite from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: rite
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the rite logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGqbXxadRk)" d="m16.74 16.083l-.281-.292a5.866 5.866 0 0 0-3.272-9.482a5.82 5.82 0 0 0-5.94 2.314a5.86 5.86 0 0 0 2.154 8.65a5.82 5.82 0 0 0 6.327-.751l.254.249l1.625 1.63l.726-.725l-1.594-1.599zm-1.356-.636a4.803 4.803 0 0 1-8.005-2.012a4.84 4.84 0 0 1 2.334-5.654a4.797 4.797 0 0 1 7.08 4.251c0 1.281-.504 2.51-1.41 3.415"/><path fill="url(#SVG9S7iTcci)" d="m18.37 17.639l-.73.73l-1.631-1.63l.762-.7z"/><path fill="#01fdfe" d="M16.85 4.408A9.05 9.05 0 0 0 5.625 5.626A9.054 9.054 0 0 0 4.79 17.4l.82-.62a8 8 0 0 1-.603-.932a8.02 8.02 0 0 1 7.01-11.817c1.456 0 2.912.392 4.182 1.186a1.96 1.96 0 0 0 2.584 2.578a8 8 0 0 0-.402-.582l.82-.62q.206.27.387.556a1.96 1.96 0 0 0-2.743-2.742zm1.816 2.245a.937.937 0 1 1-1.39-1.257a.937.937 0 0 1 1.39 1.257"/><path fill="#01fdfe" d="M18.385 7.214a7.98 7.98 0 0 1 1.552 5.549A8.047 8.047 0 0 1 12 19.947c-1.456 0-2.901-.349-4.204-1.164a1.959 1.959 0 1 0-.645.804A9.006 9.006 0 0 0 19.2 6.595l-.821.62zM6.658 18.666a.936.936 0 1 1-1.323-1.323a.936.936 0 0 1 1.323 1.323"/><path fill="#01fdfe" d="M9.353 9.559c0-.127.042-.254.116-.366a.8.8 0 0 1 .297-.264a.9.9 0 0 1 .815-.01l.556.29l4.161 2.16a.8.8 0 0 1 .297.265a.68.68 0 0 1 0 .741a.8.8 0 0 1-.297.265l-3.346 1.731l-.815.424l-.556.286a1 1 0 0 1-.265.085l-.143.015a.9.9 0 0 1-.582-.211a.74.74 0 0 1-.238-.525z"/><defs><linearGradient id="SVGqbXxadRk" x1="25.396" x2="3.379" y1="25.516" y2="3.303" gradientUnits="userSpaceOnUse"><stop stop-color="#8e40a3"/><stop offset=".65" stop-color="#30bee0"/><stop offset="1" stop-color="#01fdfe"/></linearGradient><linearGradient id="SVG9S7iTcci" x1="16.359" x2="6.147" y1="15.886" y2="6.78" gradientUnits="userSpaceOnUse"><stop stop-color="#2284c6"/><stop offset="1" stop-color="#2284c6" stop-opacity="0"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedRite(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="url(#SVGqbXxadRk)" d="m16.74 16.083l-.281-.292a5.866 5.866 0 0 0-3.272-9.482a5.82 5.82 0 0 0-5.94 2.314a5.86 5.86 0 0 0 2.154 8.65a5.82 5.82 0 0 0 6.327-.751l.254.249l1.625 1.63l.726-.725l-1.594-1.599zm-1.356-.636a4.803 4.803 0 0 1-8.005-2.012a4.84 4.84 0 0 1 2.334-5.654a4.797 4.797 0 0 1 7.08 4.251c0 1.281-.504 2.51-1.41 3.415"/><path fill="url(#SVG9S7iTcci)" d="m18.37 17.639l-.73.73l-1.631-1.63l.762-.7z"/><path fill="#01fdfe" d="M16.85 4.408A9.05 9.05 0 0 0 5.625 5.626A9.054 9.054 0 0 0 4.79 17.4l.82-.62a8 8 0 0 1-.603-.932a8.02 8.02 0 0 1 7.01-11.817c1.456 0 2.912.392 4.182 1.186a1.96 1.96 0 0 0 2.584 2.578a8 8 0 0 0-.402-.582l.82-.62q.206.27.387.556a1.96 1.96 0 0 0-2.743-2.742zm1.816 2.245a.937.937 0 1 1-1.39-1.257a.937.937 0 0 1 1.39 1.257"/><path fill="#01fdfe" d="M18.385 7.214a7.98 7.98 0 0 1 1.552 5.549A8.047 8.047 0 0 1 12 19.947c-1.456 0-2.901-.349-4.204-1.164a1.959 1.959 0 1 0-.645.804A9.006 9.006 0 0 0 19.2 6.595l-.821.62zM6.658 18.666a.936.936 0 1 1-1.323-1.323a.936.936 0 0 1 1.323 1.323"/><path fill="#01fdfe" d="M9.353 9.559c0-.127.042-.254.116-.366a.8.8 0 0 1 .297-.264a.9.9 0 0 1 .815-.01l.556.29l4.161 2.16a.8.8 0 0 1 .297.265a.68.68 0 0 1 0 .741a.8.8 0 0 1-.297.265l-3.346 1.731l-.815.424l-.556.286a1 1 0 0 1-.265.085l-.143.015a.9.9 0 0 1-.582-.211a.74.74 0 0 1-.238-.525z"/><defs><linearGradient id="SVGqbXxadRk" x1="25.396" x2="3.379" y1="25.516" y2="3.303" gradientUnits="userSpaceOnUse"><stop stopColor="#8e40a3"/><stop offset=".65" stopColor="#30bee0"/><stop offset="1" stopColor="#01fdfe"/></linearGradient><linearGradient id="SVG9S7iTcci" x1="16.359" x2="6.147" y1="15.886" y2="6.78" gradientUnits="userSpaceOnUse"><stop stopColor="#2284c6"/><stop offset="1" stopColor="#2284c6" stopOpacity="0"/></linearGradient></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"><path fill="url(#SVGqbXxadRk)" d="m16.74 16.083l-.281-.292a5.866 5.866 0 0 0-3.272-9.482a5.82 5.82 0 0 0-5.94 2.314a5.86 5.86 0 0 0 2.154 8.65a5.82 5.82 0 0 0 6.327-.751l.254.249l1.625 1.63l.726-.725l-1.594-1.599zm-1.356-.636a4.803 4.803 0 0 1-8.005-2.012a4.84 4.84 0 0 1 2.334-5.654a4.797 4.797 0 0 1 7.08 4.251c0 1.281-.504 2.51-1.41 3.415"/><path fill="url(#SVG9S7iTcci)" d="m18.37 17.639l-.73.73l-1.631-1.63l.762-.7z"/><path fill="#01fdfe" d="M16.85 4.408A9.05 9.05 0 0 0 5.625 5.626A9.054 9.054 0 0 0 4.79 17.4l.82-.62a8 8 0 0 1-.603-.932a8.02 8.02 0 0 1 7.01-11.817c1.456 0 2.912.392 4.182 1.186a1.96 1.96 0 0 0 2.584 2.578a8 8 0 0 0-.402-.582l.82-.62q.206.27.387.556a1.96 1.96 0 0 0-2.743-2.742zm1.816 2.245a.937.937 0 1 1-1.39-1.257a.937.937 0 0 1 1.39 1.257"/><path fill="#01fdfe" d="M18.385 7.214a7.98 7.98 0 0 1 1.552 5.549A8.047 8.047 0 0 1 12 19.947c-1.456 0-2.901-.349-4.204-1.164a1.959 1.959 0 1 0-.645.804A9.006 9.006 0 0 0 19.2 6.595l-.821.62zM6.658 18.666a.936.936 0 1 1-1.323-1.323a.936.936 0 0 1 1.323 1.323"/><path fill="#01fdfe" d="M9.353 9.559c0-.127.042-.254.116-.366a.8.8 0 0 1 .297-.264a.9.9 0 0 1 .815-.01l.556.29l4.161 2.16a.8.8 0 0 1 .297.265a.68.68 0 0 1 0 .741a.8.8 0 0 1-.297.265l-3.346 1.731l-.815.424l-.556.286a1 1 0 0 1-.265.085l-.143.015a.9.9 0 0 1-.582-.211a.74.74 0 0 1-.238-.525z"/><defs><linearGradient id="SVGqbXxadRk" x1="25.396" x2="3.379" y1="25.516" y2="3.303" gradientUnits="userSpaceOnUse"><stop stop-color="#8e40a3"/><stop offset=".65" stop-color="#30bee0"/><stop offset="1" stop-color="#01fdfe"/></linearGradient><linearGradient id="SVG9S7iTcci" x1="16.359" x2="6.147" y1="15.886" y2="6.78" gradientUnits="userSpaceOnUse"><stop stop-color="#2284c6"/><stop offset="1" stop-color="#2284c6" stop-opacity="0"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-rite {
  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%22url(%23SVGqbXxadRk)%22%20d%3D%22m16.74%2016.083l-.281-.292a5.866%205.866%200%200%200-3.272-9.482a5.82%205.82%200%200%200-5.94%202.314a5.86%205.86%200%200%200%202.154%208.65a5.82%205.82%200%200%200%206.327-.751l.254.249l1.625%201.63l.726-.725l-1.594-1.599zm-1.356-.636a4.803%204.803%200%200%201-8.005-2.012a4.84%204.84%200%200%201%202.334-5.654a4.797%204.797%200%200%201%207.08%204.251c0%201.281-.504%202.51-1.41%203.415%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9S7iTcci)%22%20d%3D%22m18.37%2017.639l-.73.73l-1.631-1.63l.762-.7z%22%2F%3E%3Cpath%20fill%3D%22%2301fdfe%22%20d%3D%22M16.85%204.408A9.05%209.05%200%200%200%205.625%205.626A9.054%209.054%200%200%200%204.79%2017.4l.82-.62a8%208%200%200%201-.603-.932a8.02%208.02%200%200%201%207.01-11.817c1.456%200%202.912.392%204.182%201.186a1.96%201.96%200%200%200%202.584%202.578a8%208%200%200%200-.402-.582l.82-.62q.206.27.387.556a1.96%201.96%200%200%200-2.743-2.742zm1.816%202.245a.937.937%200%201%201-1.39-1.257a.937.937%200%200%201%201.39%201.257%22%2F%3E%3Cpath%20fill%3D%22%2301fdfe%22%20d%3D%22M18.385%207.214a7.98%207.98%200%200%201%201.552%205.549A8.047%208.047%200%200%201%2012%2019.947c-1.456%200-2.901-.349-4.204-1.164a1.959%201.959%200%201%200-.645.804A9.006%209.006%200%200%200%2019.2%206.595l-.821.62zM6.658%2018.666a.936.936%200%201%201-1.323-1.323a.936.936%200%200%201%201.323%201.323%22%2F%3E%3Cpath%20fill%3D%22%2301fdfe%22%20d%3D%22M9.353%209.559c0-.127.042-.254.116-.366a.8.8%200%200%201%20.297-.264a.9.9%200%200%201%20.815-.01l.556.29l4.161%202.16a.8.8%200%200%201%20.297.265a.68.68%200%200%201%200%20.741a.8.8%200%200%201-.297.265l-3.346%201.731l-.815.424l-.556.286a1%201%200%200%201-.265.085l-.143.015a.9.9%200%200%201-.582-.211a.74.74%200%200%201-.238-.525z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqbXxadRk%22%20x1%3D%2225.396%22%20x2%3D%223.379%22%20y1%3D%2225.516%22%20y2%3D%223.303%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238e40a3%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%2330bee0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301fdfe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG9S7iTcci%22%20x1%3D%2216.359%22%20x2%3D%226.147%22%20y1%3D%2215.886%22%20y2%3D%226.78%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232284c6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232284c6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGqbXxadRk)%22%20d%3D%22m16.74%2016.083l-.281-.292a5.866%205.866%200%200%200-3.272-9.482a5.82%205.82%200%200%200-5.94%202.314a5.86%205.86%200%200%200%202.154%208.65a5.82%205.82%200%200%200%206.327-.751l.254.249l1.625%201.63l.726-.725l-1.594-1.599zm-1.356-.636a4.803%204.803%200%200%201-8.005-2.012a4.84%204.84%200%200%201%202.334-5.654a4.797%204.797%200%200%201%207.08%204.251c0%201.281-.504%202.51-1.41%203.415%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9S7iTcci)%22%20d%3D%22m18.37%2017.639l-.73.73l-1.631-1.63l.762-.7z%22%2F%3E%3Cpath%20fill%3D%22%2301fdfe%22%20d%3D%22M16.85%204.408A9.05%209.05%200%200%200%205.625%205.626A9.054%209.054%200%200%200%204.79%2017.4l.82-.62a8%208%200%200%201-.603-.932a8.02%208.02%200%200%201%207.01-11.817c1.456%200%202.912.392%204.182%201.186a1.96%201.96%200%200%200%202.584%202.578a8%208%200%200%200-.402-.582l.82-.62q.206.27.387.556a1.96%201.96%200%200%200-2.743-2.742zm1.816%202.245a.937.937%200%201%201-1.39-1.257a.937.937%200%200%201%201.39%201.257%22%2F%3E%3Cpath%20fill%3D%22%2301fdfe%22%20d%3D%22M18.385%207.214a7.98%207.98%200%200%201%201.552%205.549A8.047%208.047%200%200%201%2012%2019.947c-1.456%200-2.901-.349-4.204-1.164a1.959%201.959%200%201%200-.645.804A9.006%209.006%200%200%200%2019.2%206.595l-.821.62zM6.658%2018.666a.936.936%200%201%201-1.323-1.323a.936.936%200%200%201%201.323%201.323%22%2F%3E%3Cpath%20fill%3D%22%2301fdfe%22%20d%3D%22M9.353%209.559c0-.127.042-.254.116-.366a.8.8%200%200%201%20.297-.264a.9.9%200%200%201%20.815-.01l.556.29l4.161%202.16a.8.8%200%200%201%20.297.265a.68.68%200%200%201%200%20.741a.8.8%200%200%201-.297.265l-3.346%201.731l-.815.424l-.556.286a1%201%200%200%201-.265.085l-.143.015a.9.9%200%200%201-.582-.211a.74.74%200%200%201-.238-.525z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqbXxadRk%22%20x1%3D%2225.396%22%20x2%3D%223.379%22%20y1%3D%2225.516%22%20y2%3D%223.303%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238e40a3%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%2330bee0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301fdfe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG9S7iTcci%22%20x1%3D%2216.359%22%20x2%3D%226.147%22%20y1%3D%2215.886%22%20y2%3D%226.78%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232284c6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232284c6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%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/rite.svg?color=%231a73e8&size=48