The Tabler square key icon depicts a stylized key with a square bit, commonly used to represent security, access, or unlocking functionalities within a user interface.
Common uses
- Login or authentication buttons
- Access control settings
- Unlockable feature indicators
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareKey } from '@tabler/icons-react';
<IconSquareKey size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- shapelockdooracssessquarekeyrectangularshapesaccess keysecurity keyunlock iconrectangular key
FAQ
- What does the square key icon represent?
- It represents security, access, or the action of unlocking something. It's often used for login or access control features.
- How do I use the square key icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconSquareKey } from '@tabler/icons-react'
- What is the license for the Tabler square key icon?
- The Tabler icon library, including the square key icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →