The Phosphor identification badge icon visually represents a credential or personal identifier, commonly used in UIs to signify user profiles, account settings, or verification status.
Common uses
- User profile access
- Account verification status
- Displaying employee IDs
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { IdentificationBadge } from '@phosphor-icons/react';
<IdentificationBadge size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<IdentificationBadge size={24} />thin
<IdentificationBadge size={24} weight="thin" />light
<IdentificationBadge size={24} weight="light" />bold
<IdentificationBadge size={24} weight="bold" />fill
<IdentificationBadge size={24} weight="fill" />duotone
<IdentificationBadge size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- people
- Keywords
- licensecredentialsnametaguserverificationpeopleidentificationbadgeid cardname taguser verification
FAQ
- What does the identification badge icon represent?
- It represents a form of identification or credential, like a name tag or ID card, often used for user-related actions or information.
- How do I use this icon in React?
- Import it as `IdentificationBadge` from '@phosphor-icons/react' and use it as a component: `<IdentificationBadge />`.
- What is the license for this icon?
- The Phosphor icon set, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →