Skip to content

UnlockIcon

const UnlockIcon: NamedExoticComponent<Omit<{ children: ReactNode; className?: string; color?: IconColor; decorative?: boolean; ref?: Ref<SVGSVGElement>; size?: IconSize; testId?: string; title?: string; }, "children">>

Defined in: src/components/Icons/UnlockIcon.tsx:28

Unlock icon component for security and unlocked states.

A standard open padlock icon commonly used for indicating unlocked content, accessible features, and unprotected operations in editor interfaces.

Example

// Basic usage
<UnlockIcon />
// With custom size and color
<UnlockIcon size="md" color="success" />
// In a security context
<Button icon={<UnlockIcon />}>Unlock</Button>