rabby logo

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

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

1 other variant in Web3 Icons Branded

Use the rabby 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(#SVGTHm46bGA)" d="M20.908 13.17c.707-1.644-2.788-6.235-6.127-8.148c-2.105-1.482-4.298-1.279-4.742-.628c-.975 1.428 3.228 2.638 6.038 4.05a3.25 3.25 0 0 0-1.508 1.39c-1.048-1.19-3.347-2.216-6.046-1.39c-1.819.556-3.33 1.868-3.914 3.85a1.1 1.1 0 0 0-.464-.103c-.632 0-1.145.533-1.145 1.191s.513 1.191 1.145 1.191c.117 0 .483-.081.483-.081l5.855.044c-2.341 3.865-4.192 4.43-4.192 5.1s1.77.488 2.436.238c3.182-1.195 6.6-4.919 7.187-5.99c2.463.32 4.533.357 4.994-.715"/><path fill="url(#SVGcOblcdtx)" fill-rule="evenodd" d="M16.077 8.444c.13-.053.11-.253.074-.41c-.082-.362-1.5-1.82-2.833-2.473c-1.815-.89-3.152-.843-3.35-.433c.37.788 2.085 1.529 3.875 2.302c.764.33 1.541.666 2.234 1.014" clip-rule="evenodd"/><path fill="url(#SVGKXd5EcEu)" fill-rule="evenodd" d="M13.774 16.38c-.367-.145-.782-.28-1.254-.4c.503-.937.609-2.322.134-3.199c-.666-1.229-1.503-1.883-3.446-1.883c-1.07 0-3.947.374-3.998 2.874q-.009.393.018.724l5.255.04a18.7 18.7 0 0 1-1.953 2.696c.698.186 1.273.342 1.802.486c.501.136.96.26 1.44.388a22 22 0 0 0 2.002-1.726" clip-rule="evenodd"/><path fill="url(#SVGYNwzKexw)" d="M4.539 14.24c.215 1.898 1.252 2.642 3.371 2.863c2.12.22 3.335.072 4.954.225c1.352.128 2.559.845 3.006.598c.403-.223.178-1.029-.361-1.546c-.7-.67-1.667-1.135-3.369-1.3c.34-.967.244-2.322-.282-3.06c-.762-1.065-2.168-1.547-3.948-1.337c-1.859.22-3.64 1.173-3.371 3.556"/><defs><linearGradient id="SVGTHm46bGA" x1="8.311" x2="20.827" y1="11.714" y2="15.125" gradientUnits="userSpaceOnUse"><stop stop-color="#8697ff"/><stop offset="1" stop-color="#abb7ff"/></linearGradient><linearGradient id="SVGcOblcdtx" x1="18.66" x2="9.323" y1="11.468" y2="2.473" gradientUnits="userSpaceOnUse"><stop stop-color="#8697ff"/><stop offset="1" stop-color="#5156d8" stop-opacity="0"/></linearGradient><linearGradient id="SVGKXd5EcEu" x1="14.023" x2="5.231" y1="16.707" y2="11.849" gradientUnits="userSpaceOnUse"><stop stop-color="#465eed"/><stop offset="1" stop-color="#8697ff" stop-opacity="0"/></linearGradient><linearGradient id="SVGYNwzKexw" x1="9.054" x2="15.173" y1="11.617" y2="19.089" gradientUnits="userSpaceOnUse"><stop stop-color="#8898ff"/><stop offset=".984" stop-color="#6277f1"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedRabby(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(#SVGTHm46bGA)" d="M20.908 13.17c.707-1.644-2.788-6.235-6.127-8.148c-2.105-1.482-4.298-1.279-4.742-.628c-.975 1.428 3.228 2.638 6.038 4.05a3.25 3.25 0 0 0-1.508 1.39c-1.048-1.19-3.347-2.216-6.046-1.39c-1.819.556-3.33 1.868-3.914 3.85a1.1 1.1 0 0 0-.464-.103c-.632 0-1.145.533-1.145 1.191s.513 1.191 1.145 1.191c.117 0 .483-.081.483-.081l5.855.044c-2.341 3.865-4.192 4.43-4.192 5.1s1.77.488 2.436.238c3.182-1.195 6.6-4.919 7.187-5.99c2.463.32 4.533.357 4.994-.715"/><path fill="url(#SVGcOblcdtx)" fillRule="evenodd" d="M16.077 8.444c.13-.053.11-.253.074-.41c-.082-.362-1.5-1.82-2.833-2.473c-1.815-.89-3.152-.843-3.35-.433c.37.788 2.085 1.529 3.875 2.302c.764.33 1.541.666 2.234 1.014" clipRule="evenodd"/><path fill="url(#SVGKXd5EcEu)" fillRule="evenodd" d="M13.774 16.38c-.367-.145-.782-.28-1.254-.4c.503-.937.609-2.322.134-3.199c-.666-1.229-1.503-1.883-3.446-1.883c-1.07 0-3.947.374-3.998 2.874q-.009.393.018.724l5.255.04a18.7 18.7 0 0 1-1.953 2.696c.698.186 1.273.342 1.802.486c.501.136.96.26 1.44.388a22 22 0 0 0 2.002-1.726" clipRule="evenodd"/><path fill="url(#SVGYNwzKexw)" d="M4.539 14.24c.215 1.898 1.252 2.642 3.371 2.863c2.12.22 3.335.072 4.954.225c1.352.128 2.559.845 3.006.598c.403-.223.178-1.029-.361-1.546c-.7-.67-1.667-1.135-3.369-1.3c.34-.967.244-2.322-.282-3.06c-.762-1.065-2.168-1.547-3.948-1.337c-1.859.22-3.64 1.173-3.371 3.556"/><defs><linearGradient id="SVGTHm46bGA" x1="8.311" x2="20.827" y1="11.714" y2="15.125" gradientUnits="userSpaceOnUse"><stop stopColor="#8697ff"/><stop offset="1" stopColor="#abb7ff"/></linearGradient><linearGradient id="SVGcOblcdtx" x1="18.66" x2="9.323" y1="11.468" y2="2.473" gradientUnits="userSpaceOnUse"><stop stopColor="#8697ff"/><stop offset="1" stopColor="#5156d8" stopOpacity="0"/></linearGradient><linearGradient id="SVGKXd5EcEu" x1="14.023" x2="5.231" y1="16.707" y2="11.849" gradientUnits="userSpaceOnUse"><stop stopColor="#465eed"/><stop offset="1" stopColor="#8697ff" stopOpacity="0"/></linearGradient><linearGradient id="SVGYNwzKexw" x1="9.054" x2="15.173" y1="11.617" y2="19.089" gradientUnits="userSpaceOnUse"><stop stopColor="#8898ff"/><stop offset=".984" stopColor="#6277f1"/></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(#SVGTHm46bGA)" d="M20.908 13.17c.707-1.644-2.788-6.235-6.127-8.148c-2.105-1.482-4.298-1.279-4.742-.628c-.975 1.428 3.228 2.638 6.038 4.05a3.25 3.25 0 0 0-1.508 1.39c-1.048-1.19-3.347-2.216-6.046-1.39c-1.819.556-3.33 1.868-3.914 3.85a1.1 1.1 0 0 0-.464-.103c-.632 0-1.145.533-1.145 1.191s.513 1.191 1.145 1.191c.117 0 .483-.081.483-.081l5.855.044c-2.341 3.865-4.192 4.43-4.192 5.1s1.77.488 2.436.238c3.182-1.195 6.6-4.919 7.187-5.99c2.463.32 4.533.357 4.994-.715"/><path fill="url(#SVGcOblcdtx)" fill-rule="evenodd" d="M16.077 8.444c.13-.053.11-.253.074-.41c-.082-.362-1.5-1.82-2.833-2.473c-1.815-.89-3.152-.843-3.35-.433c.37.788 2.085 1.529 3.875 2.302c.764.33 1.541.666 2.234 1.014" clip-rule="evenodd"/><path fill="url(#SVGKXd5EcEu)" fill-rule="evenodd" d="M13.774 16.38c-.367-.145-.782-.28-1.254-.4c.503-.937.609-2.322.134-3.199c-.666-1.229-1.503-1.883-3.446-1.883c-1.07 0-3.947.374-3.998 2.874q-.009.393.018.724l5.255.04a18.7 18.7 0 0 1-1.953 2.696c.698.186 1.273.342 1.802.486c.501.136.96.26 1.44.388a22 22 0 0 0 2.002-1.726" clip-rule="evenodd"/><path fill="url(#SVGYNwzKexw)" d="M4.539 14.24c.215 1.898 1.252 2.642 3.371 2.863c2.12.22 3.335.072 4.954.225c1.352.128 2.559.845 3.006.598c.403-.223.178-1.029-.361-1.546c-.7-.67-1.667-1.135-3.369-1.3c.34-.967.244-2.322-.282-3.06c-.762-1.065-2.168-1.547-3.948-1.337c-1.859.22-3.64 1.173-3.371 3.556"/><defs><linearGradient id="SVGTHm46bGA" x1="8.311" x2="20.827" y1="11.714" y2="15.125" gradientUnits="userSpaceOnUse"><stop stop-color="#8697ff"/><stop offset="1" stop-color="#abb7ff"/></linearGradient><linearGradient id="SVGcOblcdtx" x1="18.66" x2="9.323" y1="11.468" y2="2.473" gradientUnits="userSpaceOnUse"><stop stop-color="#8697ff"/><stop offset="1" stop-color="#5156d8" stop-opacity="0"/></linearGradient><linearGradient id="SVGKXd5EcEu" x1="14.023" x2="5.231" y1="16.707" y2="11.849" gradientUnits="userSpaceOnUse"><stop stop-color="#465eed"/><stop offset="1" stop-color="#8697ff" stop-opacity="0"/></linearGradient><linearGradient id="SVGYNwzKexw" x1="9.054" x2="15.173" y1="11.617" y2="19.089" gradientUnits="userSpaceOnUse"><stop stop-color="#8898ff"/><stop offset=".984" stop-color="#6277f1"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-rabby {
  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(%23SVGTHm46bGA)%22%20d%3D%22M20.908%2013.17c.707-1.644-2.788-6.235-6.127-8.148c-2.105-1.482-4.298-1.279-4.742-.628c-.975%201.428%203.228%202.638%206.038%204.05a3.25%203.25%200%200%200-1.508%201.39c-1.048-1.19-3.347-2.216-6.046-1.39c-1.819.556-3.33%201.868-3.914%203.85a1.1%201.1%200%200%200-.464-.103c-.632%200-1.145.533-1.145%201.191s.513%201.191%201.145%201.191c.117%200%20.483-.081.483-.081l5.855.044c-2.341%203.865-4.192%204.43-4.192%205.1s1.77.488%202.436.238c3.182-1.195%206.6-4.919%207.187-5.99c2.463.32%204.533.357%204.994-.715%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcOblcdtx)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.077%208.444c.13-.053.11-.253.074-.41c-.082-.362-1.5-1.82-2.833-2.473c-1.815-.89-3.152-.843-3.35-.433c.37.788%202.085%201.529%203.875%202.302c.764.33%201.541.666%202.234%201.014%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKXd5EcEu)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.774%2016.38c-.367-.145-.782-.28-1.254-.4c.503-.937.609-2.322.134-3.199c-.666-1.229-1.503-1.883-3.446-1.883c-1.07%200-3.947.374-3.998%202.874q-.009.393.018.724l5.255.04a18.7%2018.7%200%200%201-1.953%202.696c.698.186%201.273.342%201.802.486c.501.136.96.26%201.44.388a22%2022%200%200%200%202.002-1.726%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYNwzKexw)%22%20d%3D%22M4.539%2014.24c.215%201.898%201.252%202.642%203.371%202.863c2.12.22%203.335.072%204.954.225c1.352.128%202.559.845%203.006.598c.403-.223.178-1.029-.361-1.546c-.7-.67-1.667-1.135-3.369-1.3c.34-.967.244-2.322-.282-3.06c-.762-1.065-2.168-1.547-3.948-1.337c-1.859.22-3.64%201.173-3.371%203.556%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGTHm46bGA%22%20x1%3D%228.311%22%20x2%3D%2220.827%22%20y1%3D%2211.714%22%20y2%3D%2215.125%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238697ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23abb7ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGcOblcdtx%22%20x1%3D%2218.66%22%20x2%3D%229.323%22%20y1%3D%2211.468%22%20y2%3D%222.473%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238697ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235156d8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGKXd5EcEu%22%20x1%3D%2214.023%22%20x2%3D%225.231%22%20y1%3D%2216.707%22%20y2%3D%2211.849%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23465eed%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238697ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGYNwzKexw%22%20x1%3D%229.054%22%20x2%3D%2215.173%22%20y1%3D%2211.617%22%20y2%3D%2219.089%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238898ff%22%2F%3E%3Cstop%20offset%3D%22.984%22%20stop-color%3D%22%236277f1%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(%23SVGTHm46bGA)%22%20d%3D%22M20.908%2013.17c.707-1.644-2.788-6.235-6.127-8.148c-2.105-1.482-4.298-1.279-4.742-.628c-.975%201.428%203.228%202.638%206.038%204.05a3.25%203.25%200%200%200-1.508%201.39c-1.048-1.19-3.347-2.216-6.046-1.39c-1.819.556-3.33%201.868-3.914%203.85a1.1%201.1%200%200%200-.464-.103c-.632%200-1.145.533-1.145%201.191s.513%201.191%201.145%201.191c.117%200%20.483-.081.483-.081l5.855.044c-2.341%203.865-4.192%204.43-4.192%205.1s1.77.488%202.436.238c3.182-1.195%206.6-4.919%207.187-5.99c2.463.32%204.533.357%204.994-.715%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcOblcdtx)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.077%208.444c.13-.053.11-.253.074-.41c-.082-.362-1.5-1.82-2.833-2.473c-1.815-.89-3.152-.843-3.35-.433c.37.788%202.085%201.529%203.875%202.302c.764.33%201.541.666%202.234%201.014%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKXd5EcEu)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.774%2016.38c-.367-.145-.782-.28-1.254-.4c.503-.937.609-2.322.134-3.199c-.666-1.229-1.503-1.883-3.446-1.883c-1.07%200-3.947.374-3.998%202.874q-.009.393.018.724l5.255.04a18.7%2018.7%200%200%201-1.953%202.696c.698.186%201.273.342%201.802.486c.501.136.96.26%201.44.388a22%2022%200%200%200%202.002-1.726%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYNwzKexw)%22%20d%3D%22M4.539%2014.24c.215%201.898%201.252%202.642%203.371%202.863c2.12.22%203.335.072%204.954.225c1.352.128%202.559.845%203.006.598c.403-.223.178-1.029-.361-1.546c-.7-.67-1.667-1.135-3.369-1.3c.34-.967.244-2.322-.282-3.06c-.762-1.065-2.168-1.547-3.948-1.337c-1.859.22-3.64%201.173-3.371%203.556%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGTHm46bGA%22%20x1%3D%228.311%22%20x2%3D%2220.827%22%20y1%3D%2211.714%22%20y2%3D%2215.125%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238697ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23abb7ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGcOblcdtx%22%20x1%3D%2218.66%22%20x2%3D%229.323%22%20y1%3D%2211.468%22%20y2%3D%222.473%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238697ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235156d8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGKXd5EcEu%22%20x1%3D%2214.023%22%20x2%3D%225.231%22%20y1%3D%2216.707%22%20y2%3D%2211.849%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23465eed%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238697ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGYNwzKexw%22%20x1%3D%229.054%22%20x2%3D%2215.173%22%20y1%3D%2211.617%22%20y2%3D%2219.089%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238898ff%22%2F%3E%3Cstop%20offset%3D%22.984%22%20stop-color%3D%22%236277f1%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/rabby.svg?color=%231a73e8&size=48