Skip to content

EditIcon

const EditIcon: 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/EditIcon.tsx:27

Edit icon component for editing and modification actions.

A standard pencil icon commonly used for editing content, modifying items, and entering edit mode in editor interfaces.

Example

// Basic usage
<EditIcon />
// With custom size and color
<EditIcon size="md" color="primary" />
// In an edit button
<Button icon={<EditIcon />}>Edit</Button>