LockIcon

const LockIcon: 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/LockIcon.tsx:28

Lock icon component for security and locked states.

A standard padlock icon commonly used for indicating locked content, security features, and protected operations in editor interfaces.

Example

// Basic usage
<LockIcon />

// With custom size and color
<LockIcon size="sm" color="warning" />

// In a security context
<Button icon={<LockIcon />}>Lock</Button>