The HugeIcons pin code icon visually represents a numerical code, commonly used for security, access, or identification purposes in user interfaces.
Common uses
- Entering a PIN for login
- Setting up a security code
- Displaying a unique access code
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { PinCodeIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={PinCodeIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- keypadaccess codesecurity codenumber lock
FAQ
- What is this icon for?
- This icon represents a PIN or numerical code, often used for security, authentication, or access control in digital systems.
- How do I use this in React?
- Import the icon and use it like this: import { HugeiconsIcon } from '@hugeicons/react'; import { PinCodeIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={PinCodeIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.