SVG Icon Picker

New in 1.1

- Fixed the size of the preview (#h5yr @bjarnef)
- Now uses umb-overlay for picking icons (#h5yr @bjarnef)
- Removed some console.logs (#h5yr @bjarnef)
- Nuget package added
- Removed some temporary files not necessary for the package
- Changed license to MIT

A picker, for picking icons from an SVG spritesheet.

How to use

Pick SvgIconPicker as the editor for your desired icon property.

Type the path to your SVG spritesheet in the configuration.

On the document where you put the editor, it works just like the built in media picker mixed with the icon picker. You can filter icons, by searching the icons id. Select an icon by clicking it.

The selected icons id is saved as a string in the property value.

You can then render it in your frontend using a snippet like this:

<svg viewBox="0 0 100 100">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/svg.svg#@Model.Content.GetPropertyValue("icon")"></use></svg>