IconSearch logoIconsearch
Home/Libraries/Dashicons (Iconify)/id
← Back to Search
Dashicons (Iconify)

Id

License: GPL-2.0-or-later


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><path fill="#818cf8" d="M18 16H2V4h16zM7.05 8.53q.195-.105.33-.24c.09-.1.17-.21.24-.34c.07-.14.13-.26.17-.37s.07-.22.1-.34L7.95 7c0-.04.01-.07.01-.09c.05-.32.03-.61-.04-.9c-.08-.28-.23-.52-.46-.72C7.23 5.1 6.95 5 6.6 5c-.2 0-.39.04-.56.11c-.17.08-.31.18-.41.3c-.11.13-.2.27-.27.44q-.105.24-.12.51c-.015.27 0 .36.01.55l.02.09c.01.06.03.15.06.25s.06.21.1.33s.1.25.17.37c.08.12.16.23.25.33s.2.19.34.25c.13.06.28.09.43.09s.3-.03.43-.09M17 9V5h-5v4zm-10.38.83l-1.38-.88c-.41 0-.79.11-1.14.32c-.35.22-.62.5-.81.85c-.19.34-.29.7-.29 1.07v1.25l.2.05c.13.04.31.09.55.14c.24.06.51.12.8.17c.29.06.62.1 1 .14c.37.04.73.06 1.07.06s.69-.02 1.07-.06s.7-.09.98-.14c.27-.05.54-.1.82-.17c.27-.06.45-.11.54-.13q.135-.045.21-.06v-1.25c0-.36-.1-.72-.31-1.07s-.49-.64-.84-.86s-.72-.33-1.11-.33zM17 11v-1h-5v1zm0 2v-1h-5v1zm0 2v-1H3v1z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. IdIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **GPL-2.0-or-later** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Dashicons (Iconify)

Browse all Dashicons (Iconify) icons →
admin-appearance
admin-appearance
admin-collapse
admin-collapse
admin-comments
admin-comments
admin-customizer
admin-customizer
admin-generic
admin-generic
admin-home
admin-home
admin-links
admin-links
admin-media
admin-media
admin-multisite
admin-multisite
admin-network
admin-network
admin-page
admin-page
admin-plugins
admin-plugins