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​

Support us

Kritzel is an MIT-licensed open source project. If you like the idea of a framework-agnostic infinite canvas library and want to support our work, leave us a star or consider becoming a sponsor.