Skip to main content

Custom Icons

Overview​

Kritzel comes with a dedicated system for managing all icons used in the editor's user interface. You can replace built-in icons or add new ones for your own tools and components.

See the Icons API reference for the full list of default icon names.

Overriding Existing Icons​

Override built-in icon names with your own SVG markup and pass the resulting KritzelSvgIconMap to the customSvgIcons prop on <KritzelEditor>.

Registering New Icons​

You can also register entirely new icons that are specific to your application and reference them in components with icon support, such as KritzelToolbarItem or ContextMenuItem.

API Details​