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​

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.