The Tabler circle key icon depicts a key within a circular shape, commonly used to represent access, security, or unlocking features within a user interface.
Common uses
- User authentication and login buttons
- Access control settings
- Unlocking premium features
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleKey } from '@tabler/icons-react';
<IconCircleKey size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCircleKey size={24} stroke={2} />filled
<IconCircleKeyFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- shapelockdooracssescirclekeyroundcircularshapesaccesssecurityunlock
FAQ
- What is the purpose of the circle key icon?
- This icon is generally used to signify actions related to access, security, or unlocking content or features.
- How do I use the circle key icon in React?
- You can import and use it in your React application with: import { IconCircleKey } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including the circle key icon, is distributed 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 →