The Tabler lock square icon depicts a padlock within a square, commonly used to represent security, privacy, or restricted access in user interfaces.
Common uses
- Indicate a locked or private account setting.
- Show a secure connection status.
- Represent an action requiring authentication.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLockSquare } from '@tabler/icons-react';
<IconLockSquare size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- privatysafesecureprivacylocksquareprivatecontroloperationrectangularsystemaccess controlkeyhole
FAQ
- What does the lock square icon represent?
- It symbolizes security, privacy, or restricted access. It's often used for features related to account safety or data protection.
- How do I use the lock square icon in React?
- You can import and use it directly from the '@tabler/icons-react' library like this: import { IconLockSquare } from '@tabler/icons-react'.
- What is the license for the Tabler lock square icon?
- The Tabler icon library, including the lock square 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 →