rare logo
rare from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- rare
- 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 rare 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(#SVGzLUbLboX)" d="M11.786 3h1.286v2.143h3.441v4.285h-.394c-.322-1.761-2.289-3.891-4.148-3.891c-1.393 0-2.932.677-2.932 1.933c0 1.53 1.624 2.344 2.747 2.858v3.236a11 11 0 0 1-.968-.373C9.005 12.334 7.025 11.22 7.072 9c.047-2.422 2.143-3.857 4.714-3.857z"/><path fill="url(#SVGQtL9bcIF)" d="M11.786 18.857h.634l-4.564-.008H7.5v-4.706h.356c.454 2.1 2.237 4.286 4.706 4.286c1.787 0 2.571-1.072 2.49-2.623c-.052-.943-.986-1.367-1.98-1.787v-3.304q.228.101.445.223c1.672.758 3.412 1.671 3.412 3.861c0 2.773-2.413 4.058-4.286 4.058l.429-.021V21h-1.286z"/><defs><linearGradient id="SVGzLUbLboX" x1="8.905" x2="19.591" y1="6.121" y2="13.159" gradientUnits="userSpaceOnUse"><stop stop-color="#e7f88f"/><stop offset="1" stop-color="#50f0f8"/></linearGradient><linearGradient id="SVGQtL9bcIF" x1="8.905" x2="19.591" y1="6.122" y2="13.16" gradientUnits="userSpaceOnUse"><stop stop-color="#e7f88f"/><stop offset="1" stop-color="#50f0f8"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedRare(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(#SVGzLUbLboX)" d="M11.786 3h1.286v2.143h3.441v4.285h-.394c-.322-1.761-2.289-3.891-4.148-3.891c-1.393 0-2.932.677-2.932 1.933c0 1.53 1.624 2.344 2.747 2.858v3.236a11 11 0 0 1-.968-.373C9.005 12.334 7.025 11.22 7.072 9c.047-2.422 2.143-3.857 4.714-3.857z"/><path fill="url(#SVGQtL9bcIF)" d="M11.786 18.857h.634l-4.564-.008H7.5v-4.706h.356c.454 2.1 2.237 4.286 4.706 4.286c1.787 0 2.571-1.072 2.49-2.623c-.052-.943-.986-1.367-1.98-1.787v-3.304q.228.101.445.223c1.672.758 3.412 1.671 3.412 3.861c0 2.773-2.413 4.058-4.286 4.058l.429-.021V21h-1.286z"/><defs><linearGradient id="SVGzLUbLboX" x1="8.905" x2="19.591" y1="6.121" y2="13.159" gradientUnits="userSpaceOnUse"><stop stopColor="#e7f88f"/><stop offset="1" stopColor="#50f0f8"/></linearGradient><linearGradient id="SVGQtL9bcIF" x1="8.905" x2="19.591" y1="6.122" y2="13.16" gradientUnits="userSpaceOnUse"><stop stopColor="#e7f88f"/><stop offset="1" stopColor="#50f0f8"/></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(#SVGzLUbLboX)" d="M11.786 3h1.286v2.143h3.441v4.285h-.394c-.322-1.761-2.289-3.891-4.148-3.891c-1.393 0-2.932.677-2.932 1.933c0 1.53 1.624 2.344 2.747 2.858v3.236a11 11 0 0 1-.968-.373C9.005 12.334 7.025 11.22 7.072 9c.047-2.422 2.143-3.857 4.714-3.857z"/><path fill="url(#SVGQtL9bcIF)" d="M11.786 18.857h.634l-4.564-.008H7.5v-4.706h.356c.454 2.1 2.237 4.286 4.706 4.286c1.787 0 2.571-1.072 2.49-2.623c-.052-.943-.986-1.367-1.98-1.787v-3.304q.228.101.445.223c1.672.758 3.412 1.671 3.412 3.861c0 2.773-2.413 4.058-4.286 4.058l.429-.021V21h-1.286z"/><defs><linearGradient id="SVGzLUbLboX" x1="8.905" x2="19.591" y1="6.121" y2="13.159" gradientUnits="userSpaceOnUse"><stop stop-color="#e7f88f"/><stop offset="1" stop-color="#50f0f8"/></linearGradient><linearGradient id="SVGQtL9bcIF" x1="8.905" x2="19.591" y1="6.122" y2="13.16" gradientUnits="userSpaceOnUse"><stop stop-color="#e7f88f"/><stop offset="1" stop-color="#50f0f8"/></linearGradient></defs></g></svg> </template>
CSS
.icon-rare {
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(%23SVGzLUbLboX)%22%20d%3D%22M11.786%203h1.286v2.143h3.441v4.285h-.394c-.322-1.761-2.289-3.891-4.148-3.891c-1.393%200-2.932.677-2.932%201.933c0%201.53%201.624%202.344%202.747%202.858v3.236a11%2011%200%200%201-.968-.373C9.005%2012.334%207.025%2011.22%207.072%209c.047-2.422%202.143-3.857%204.714-3.857z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQtL9bcIF)%22%20d%3D%22M11.786%2018.857h.634l-4.564-.008H7.5v-4.706h.356c.454%202.1%202.237%204.286%204.706%204.286c1.787%200%202.571-1.072%202.49-2.623c-.052-.943-.986-1.367-1.98-1.787v-3.304q.228.101.445.223c1.672.758%203.412%201.671%203.412%203.861c0%202.773-2.413%204.058-4.286%204.058l.429-.021V21h-1.286z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzLUbLboX%22%20x1%3D%228.905%22%20x2%3D%2219.591%22%20y1%3D%226.121%22%20y2%3D%2213.159%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e7f88f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2350f0f8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQtL9bcIF%22%20x1%3D%228.905%22%20x2%3D%2219.591%22%20y1%3D%226.122%22%20y2%3D%2213.16%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e7f88f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2350f0f8%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(%23SVGzLUbLboX)%22%20d%3D%22M11.786%203h1.286v2.143h3.441v4.285h-.394c-.322-1.761-2.289-3.891-4.148-3.891c-1.393%200-2.932.677-2.932%201.933c0%201.53%201.624%202.344%202.747%202.858v3.236a11%2011%200%200%201-.968-.373C9.005%2012.334%207.025%2011.22%207.072%209c.047-2.422%202.143-3.857%204.714-3.857z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQtL9bcIF)%22%20d%3D%22M11.786%2018.857h.634l-4.564-.008H7.5v-4.706h.356c.454%202.1%202.237%204.286%204.706%204.286c1.787%200%202.571-1.072%202.49-2.623c-.052-.943-.986-1.367-1.98-1.787v-3.304q.228.101.445.223c1.672.758%203.412%201.671%203.412%203.861c0%202.773-2.413%204.058-4.286%204.058l.429-.021V21h-1.286z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzLUbLboX%22%20x1%3D%228.905%22%20x2%3D%2219.591%22%20y1%3D%226.121%22%20y2%3D%2213.159%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e7f88f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2350f0f8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQtL9bcIF%22%20x1%3D%228.905%22%20x2%3D%2219.591%22%20y1%3D%226.122%22%20y2%3D%2213.16%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e7f88f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2350f0f8%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/rare.svg?color=%231a73e8&size=48
