The HugeIcons circle lock 02 icon depicts a circular lock, commonly used to represent security, privacy, or access control in user interfaces.
Common uses
- Indicate a secured feature or setting.
- Show a locked account status.
- Represent an action requiring authentication.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CircleLock02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CircleLock02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- securityprivateaccessprotected
FAQ
- What does the circle lock 02 icon represent?
- It represents a locked state or the concept of security and access control within an application.
- How do I use the CircleLock02Icon in React?
- Import it as `import { CircleLock02Icon } from '@hugeicons/core-free-icons';` and render it using `<HugeiconsIcon icon={CircleLock02Icon} />` from '@hugeicons/react'.
- What is the license for this icon?
- The HugeIcons library, including this icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →