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​

The primary way to customize Kirtzel's built-in icons is to override the existing icon names with your own SVG markup and pass it to the customSvgIcons property when initializing the editor.

Registering New Icons​

Of course, you can also register entirely new icons that are specific to your application and reference them in all components that have icon support, such as the KritzelToolbarItem or ContextMenuItem.

API Details​

For the full list of related APIs, see the following reference sections.