Skip to main content

Custom Icons

Overview​

Kritzel has a dedicated system for the icons used throughout the editor UI. You can replace built-in icons or add new names for application-specific tools and actions.

See the Icons API reference for the complete list of built-in icon names.

Overriding Existing Icons​

Override built-in icons by mapping existing names to your own SVG markup and passing the map to the customSvgIcons prop on <KritzelEditor>.

Registering New Icons​

You can also register new icon names and reference them wherever Kritzel accepts an icon, including KritzelToolbarItem and ContextMenuItem definitions. Keep customSvgIcons, toolbar items, and context-menu arrays at module scope so their references stay stable.

API Details​