Icons Stable

Replace the editor's icons with your own icon set, and give your own tools their icons. Icons are SVG source; the editor tints them with the theme's colours, so draw them in a single colour.

iOS

dock.setIcon("split", svg: mySplitIcon)       // replace a built-in icon
dock.setIcon("share", svg: myShareIcon)       // an icon for your own tool

Android

dock.setIcon("split", mySplitIcon)
dock.setIcon("share", myShareIcon)

React Native

<NitrakitEditor editor={editor} icons={{ split: mySplitIcon, share: myShareIcon }} />

Web

editor.setIcon('split', mySplitIcon)
editor.setIcon('share', myShareIcon)

iconNames() lists the built-in names. Most match the tool they belong to (split, delete, speed…); others are used across the editor, such as the transport row's buttons.

Draw icons on a square canvas (24×24 works well) with some padding, like the built-in set.