id logo
id from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- id
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the id logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.873 3a5.355 5.355 0 0 0-5.31 5.4v7.2c0 2.981 2.373 5.4 5.31 5.4h6.255c2.936 0 5.31-2.419 5.31-5.4V8.4c0-2.981-2.374-5.4-5.31-5.4zm-.034 2.25c-1.67 0-3.026 1.446-3.026 3.234v7.032c0 1.788 1.355 3.234 3.026 3.234h6.322c1.671 0 3.027-1.446 3.027-3.234V8.484c0-1.788-1.356-3.234-3.027-3.234z" clip-rule="evenodd"/><path fill="currentColor" d="M13.125 10.043c0-.788.636-1.418 1.418-1.418h.54c.787 0 1.417.636 1.417 1.418v.54c0 .787-.636 1.417-1.417 1.417h-.54a1.42 1.42 0 0 1-1.418-1.418zm0 5.062c0-.788.636-1.418 1.418-1.418h.54c.787 0 1.417.636 1.417 1.418v.54c0 .788-.636 1.418-1.417 1.418h-.54a1.416 1.416 0 0 1-1.418-1.418z"/></svg>
React
import type { SVGProps } from "react";
export function TokenId(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" fillRule="evenodd" d="M8.873 3a5.355 5.355 0 0 0-5.31 5.4v7.2c0 2.981 2.373 5.4 5.31 5.4h6.255c2.936 0 5.31-2.419 5.31-5.4V8.4c0-2.981-2.374-5.4-5.31-5.4zm-.034 2.25c-1.67 0-3.026 1.446-3.026 3.234v7.032c0 1.788 1.355 3.234 3.026 3.234h6.322c1.671 0 3.027-1.446 3.027-3.234V8.484c0-1.788-1.356-3.234-3.027-3.234z" clipRule="evenodd"/><path fill="currentColor" d="M13.125 10.043c0-.788.636-1.418 1.418-1.418h.54c.787 0 1.417.636 1.417 1.418v.54c0 .787-.636 1.417-1.417 1.417h-.54a1.42 1.42 0 0 1-1.418-1.418zm0 5.062c0-.788.636-1.418 1.418-1.418h.54c.787 0 1.417.636 1.417 1.418v.54c0 .788-.636 1.418-1.417 1.418h-.54a1.416 1.416 0 0 1-1.418-1.418z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.873 3a5.355 5.355 0 0 0-5.31 5.4v7.2c0 2.981 2.373 5.4 5.31 5.4h6.255c2.936 0 5.31-2.419 5.31-5.4V8.4c0-2.981-2.374-5.4-5.31-5.4zm-.034 2.25c-1.67 0-3.026 1.446-3.026 3.234v7.032c0 1.788 1.355 3.234 3.026 3.234h6.322c1.671 0 3.027-1.446 3.027-3.234V8.484c0-1.788-1.356-3.234-3.027-3.234z" clip-rule="evenodd"/><path fill="currentColor" d="M13.125 10.043c0-.788.636-1.418 1.418-1.418h.54c.787 0 1.417.636 1.417 1.418v.54c0 .787-.636 1.417-1.417 1.417h-.54a1.42 1.42 0 0 1-1.418-1.418zm0 5.062c0-.788.636-1.418 1.418-1.418h.54c.787 0 1.417.636 1.417 1.418v.54c0 .788-.636 1.418-1.417 1.418h-.54a1.416 1.416 0 0 1-1.418-1.418z"/></svg> </template>
CSS
.icon-id {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M8.873%203a5.355%205.355%200%200%200-5.31%205.4v7.2c0%202.981%202.373%205.4%205.31%205.4h6.255c2.936%200%205.31-2.419%205.31-5.4V8.4c0-2.981-2.374-5.4-5.31-5.4zm-.034%202.25c-1.67%200-3.026%201.446-3.026%203.234v7.032c0%201.788%201.355%203.234%203.026%203.234h6.322c1.671%200%203.027-1.446%203.027-3.234V8.484c0-1.788-1.356-3.234-3.027-3.234z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.125%2010.043c0-.788.636-1.418%201.418-1.418h.54c.787%200%201.417.636%201.417%201.418v.54c0%20.787-.636%201.417-1.417%201.417h-.54a1.42%201.42%200%200%201-1.418-1.418zm0%205.062c0-.788.636-1.418%201.418-1.418h.54c.787%200%201.417.636%201.417%201.418v.54c0%20.788-.636%201.418-1.417%201.418h-.54a1.416%201.416%200%200%201-1.418-1.418z%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%20fill-rule%3D%22evenodd%22%20d%3D%22M8.873%203a5.355%205.355%200%200%200-5.31%205.4v7.2c0%202.981%202.373%205.4%205.31%205.4h6.255c2.936%200%205.31-2.419%205.31-5.4V8.4c0-2.981-2.374-5.4-5.31-5.4zm-.034%202.25c-1.67%200-3.026%201.446-3.026%203.234v7.032c0%201.788%201.355%203.234%203.026%203.234h6.322c1.671%200%203.027-1.446%203.027-3.234V8.484c0-1.788-1.356-3.234-3.027-3.234z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.125%2010.043c0-.788.636-1.418%201.418-1.418h.54c.787%200%201.417.636%201.417%201.418v.54c0%20.787-.636%201.417-1.417%201.417h-.54a1.42%201.42%200%200%201-1.418-1.418zm0%205.062c0-.788.636-1.418%201.418-1.418h.54c.787%200%201.417.636%201.417%201.418v.54c0%20.788-.636%201.418-1.417%201.418h-.54a1.416%201.416%200%200%201-1.418-1.418z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/id.svg?color=%231a73e8&size=48
