rare logo
rare from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- rare
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M11.786 3h1.285v2.143h3.442v4.285h-.395c-.321-1.761-2.288-3.891-4.148-3.891c-1.393 0-2.931.677-2.931 1.933c0 1.53 1.624 2.344 2.747 2.858v3.236a11 11 0 0 1-.969-.373C9.004 12.334 7.024 11.22 7.072 9c.047-2.422 2.142-3.857 4.714-3.857z"/><path fill="currentColor" d="M11.787 18.857h.634l-4.564-.008H7.5v-4.706h.356c.454 2.1 2.237 4.286 4.705 4.286c1.787 0 2.572-1.072 2.49-2.623c-.051-.943-.985-1.367-1.98-1.787v-3.304q.228.101.446.223c1.671.758 3.411 1.671 3.411 3.861c0 2.773-2.412 4.058-4.285 4.058l.428-.021V21h-1.285z"/></svg>
React
import type { SVGProps } from "react";
export function TokenRare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.786 3h1.285v2.143h3.442v4.285h-.395c-.321-1.761-2.288-3.891-4.148-3.891c-1.393 0-2.931.677-2.931 1.933c0 1.53 1.624 2.344 2.747 2.858v3.236a11 11 0 0 1-.969-.373C9.004 12.334 7.024 11.22 7.072 9c.047-2.422 2.142-3.857 4.714-3.857z"/><path fill="currentColor" d="M11.787 18.857h.634l-4.564-.008H7.5v-4.706h.356c.454 2.1 2.237 4.286 4.705 4.286c1.787 0 2.572-1.072 2.49-2.623c-.051-.943-.985-1.367-1.98-1.787v-3.304q.228.101.446.223c1.671.758 3.411 1.671 3.411 3.861c0 2.773-2.412 4.058-4.285 4.058l.428-.021V21h-1.285z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.786 3h1.285v2.143h3.442v4.285h-.395c-.321-1.761-2.288-3.891-4.148-3.891c-1.393 0-2.931.677-2.931 1.933c0 1.53 1.624 2.344 2.747 2.858v3.236a11 11 0 0 1-.969-.373C9.004 12.334 7.024 11.22 7.072 9c.047-2.422 2.142-3.857 4.714-3.857z"/><path fill="currentColor" d="M11.787 18.857h.634l-4.564-.008H7.5v-4.706h.356c.454 2.1 2.237 4.286 4.705 4.286c1.787 0 2.572-1.072 2.49-2.623c-.051-.943-.985-1.367-1.98-1.787v-3.304q.228.101.446.223c1.671.758 3.411 1.671 3.411 3.861c0 2.773-2.412 4.058-4.285 4.058l.428-.021V21h-1.285z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.786%203h1.285v2.143h3.442v4.285h-.395c-.321-1.761-2.288-3.891-4.148-3.891c-1.393%200-2.931.677-2.931%201.933c0%201.53%201.624%202.344%202.747%202.858v3.236a11%2011%200%200%201-.969-.373C9.004%2012.334%207.024%2011.22%207.072%209c.047-2.422%202.142-3.857%204.714-3.857z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.787%2018.857h.634l-4.564-.008H7.5v-4.706h.356c.454%202.1%202.237%204.286%204.705%204.286c1.787%200%202.572-1.072%202.49-2.623c-.051-.943-.985-1.367-1.98-1.787v-3.304q.228.101.446.223c1.671.758%203.411%201.671%203.411%203.861c0%202.773-2.412%204.058-4.285%204.058l.428-.021V21h-1.285z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.786%203h1.285v2.143h3.442v4.285h-.395c-.321-1.761-2.288-3.891-4.148-3.891c-1.393%200-2.931.677-2.931%201.933c0%201.53%201.624%202.344%202.747%202.858v3.236a11%2011%200%200%201-.969-.373C9.004%2012.334%207.024%2011.22%207.072%209c.047-2.422%202.142-3.857%204.714-3.857z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.787%2018.857h.634l-4.564-.008H7.5v-4.706h.356c.454%202.1%202.237%204.286%204.705%204.286c1.787%200%202.572-1.072%202.49-2.623c-.051-.943-.985-1.367-1.98-1.787v-3.304q.228.101.446.223c1.671.758%203.411%201.671%203.411%203.861c0%202.773-2.412%204.058-4.285%204.058l.428-.021V21h-1.285z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/rare.svg?color=%231a73e8&size=48
