id icon
id from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- id
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the id icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M8.5 18c1.813-1.954 5.167-2.046 7 0m-1.56-6c0 1.105-.871 2-1.947 2c-1.075 0-1.947-.895-1.947-2s.872-2 1.947-2s1.948.895 1.948 2Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M9.5 4.002c-2.644.01-4.059.102-4.975.97C3.5 5.943 3.5 7.506 3.5 10.632v4.737c0 3.126 0 4.69 1.025 5.66c1.025.972 2.675.972 5.975.972h3c3.3 0 4.95 0 5.975-.971c1.025-.972 1.025-2.535 1.025-5.66v-4.738c0-3.126 0-4.689-1.025-5.66c-.916-.868-2.33-.96-4.975-.97"/><path d="M9.772 3.632c.096-.415.144-.623.236-.792a1.64 1.64 0 0 1 1.083-.793C11.294 2 11.53 2 12 2s.706 0 .909.047a1.64 1.64 0 0 1 1.083.793c.092.17.14.377.236.792l.083.36c.17.735.255 1.103.127 1.386a1.03 1.03 0 0 1-.407.451C13.75 6 13.332 6 12.498 6h-.996c-.834 0-1.252 0-1.533-.17a1.03 1.03 0 0 1-.407-.452c-.128-.283-.043-.65.127-1.386z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsId(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" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="M8.5 18c1.813-1.954 5.167-2.046 7 0m-1.56-6c0 1.105-.871 2-1.947 2c-1.075 0-1.947-.895-1.947-2s.872-2 1.947-2s1.948.895 1.948 2Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M9.5 4.002c-2.644.01-4.059.102-4.975.97C3.5 5.943 3.5 7.506 3.5 10.632v4.737c0 3.126 0 4.69 1.025 5.66c1.025.972 2.675.972 5.975.972h3c3.3 0 4.95 0 5.975-.971c1.025-.972 1.025-2.535 1.025-5.66v-4.738c0-3.126 0-4.689-1.025-5.66c-.916-.868-2.33-.96-4.975-.97"/><path d="M9.772 3.632c.096-.415.144-.623.236-.792a1.64 1.64 0 0 1 1.083-.793C11.294 2 11.53 2 12 2s.706 0 .909.047a1.64 1.64 0 0 1 1.083.793c.092.17.14.377.236.792l.083.36c.17.735.255 1.103.127 1.386a1.03 1.03 0 0 1-.407.451C13.75 6 13.332 6 12.498 6h-.996c-.834 0-1.252 0-1.533-.17a1.03 1.03 0 0 1-.407-.452c-.128-.283-.043-.65.127-1.386z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M8.5 18c1.813-1.954 5.167-2.046 7 0m-1.56-6c0 1.105-.871 2-1.947 2c-1.075 0-1.947-.895-1.947-2s.872-2 1.947-2s1.948.895 1.948 2Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M9.5 4.002c-2.644.01-4.059.102-4.975.97C3.5 5.943 3.5 7.506 3.5 10.632v4.737c0 3.126 0 4.69 1.025 5.66c1.025.972 2.675.972 5.975.972h3c3.3 0 4.95 0 5.975-.971c1.025-.972 1.025-2.535 1.025-5.66v-4.738c0-3.126 0-4.689-1.025-5.66c-.916-.868-2.33-.96-4.975-.97"/><path d="M9.772 3.632c.096-.415.144-.623.236-.792a1.64 1.64 0 0 1 1.083-.793C11.294 2 11.53 2 12 2s.706 0 .909.047a1.64 1.64 0 0 1 1.083.793c.092.17.14.377.236.792l.083.36c.17.735.255 1.103.127 1.386a1.03 1.03 0 0 1-.407.451C13.75 6 13.332 6 12.498 6h-.996c-.834 0-1.252 0-1.533-.17a1.03 1.03 0 0 1-.407-.452c-.128-.283-.043-.65.127-1.386z"/></g></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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%2018c1.813-1.954%205.167-2.046%207%200m-1.56-6c0%201.105-.871%202-1.947%202c-1.075%200-1.947-.895-1.947-2s.872-2%201.947-2s1.948.895%201.948%202Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.5%204.002c-2.644.01-4.059.102-4.975.97C3.5%205.943%203.5%207.506%203.5%2010.632v4.737c0%203.126%200%204.69%201.025%205.66c1.025.972%202.675.972%205.975.972h3c3.3%200%204.95%200%205.975-.971c1.025-.972%201.025-2.535%201.025-5.66v-4.738c0-3.126%200-4.689-1.025-5.66c-.916-.868-2.33-.96-4.975-.97%22%2F%3E%3Cpath%20d%3D%22M9.772%203.632c.096-.415.144-.623.236-.792a1.64%201.64%200%200%201%201.083-.793C11.294%202%2011.53%202%2012%202s.706%200%20.909.047a1.64%201.64%200%200%201%201.083.793c.092.17.14.377.236.792l.083.36c.17.735.255%201.103.127%201.386a1.03%201.03%200%200%201-.407.451C13.75%206%2013.332%206%2012.498%206h-.996c-.834%200-1.252%200-1.533-.17a1.03%201.03%200%200%201-.407-.452c-.128-.283-.043-.65.127-1.386z%22%2F%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%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%2018c1.813-1.954%205.167-2.046%207%200m-1.56-6c0%201.105-.871%202-1.947%202c-1.075%200-1.947-.895-1.947-2s.872-2%201.947-2s1.948.895%201.948%202Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.5%204.002c-2.644.01-4.059.102-4.975.97C3.5%205.943%203.5%207.506%203.5%2010.632v4.737c0%203.126%200%204.69%201.025%205.66c1.025.972%202.675.972%205.975.972h3c3.3%200%204.95%200%205.975-.971c1.025-.972%201.025-2.535%201.025-5.66v-4.738c0-3.126%200-4.689-1.025-5.66c-.916-.868-2.33-.96-4.975-.97%22%2F%3E%3Cpath%20d%3D%22M9.772%203.632c.096-.415.144-.623.236-.792a1.64%201.64%200%200%201%201.083-.793C11.294%202%2011.53%202%2012%202s.706%200%20.909.047a1.64%201.64%200%200%201%201.083.793c.092.17.14.377.236.792l.083.36c.17.735.255%201.103.127%201.386a1.03%201.03%200%200%201-.407.451C13.75%206%2013.332%206%2012.498%206h-.996c-.834%200-1.252%200-1.533-.17a1.03%201.03%200%200%201-.407-.452c-.128-.283-.043-.65.127-1.386z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/id.svg?color=%231a73e8&size=48
