A picker, for picking icons from an SVG spritesheet.

npm install -g grunt-cli
npm install

grunt

grunt watch

Build the package through Grunt.

grunt package

Then upload the created zip file in /pkg/umbraco in the local package installer in Umbraco. Or install it through the package repository.

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.

@warrenbuckley for his Yeoman Umbraco generator https://github.com/warrenbuckley/generator-umbraco