14 votes

This package is marked as retired

This package has been flagged as retired by the package owner. Continue to use at your own risk

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>


 Download package
version 1.1.0

NuGet install instructions for Umbraco versions below 9

Install-Package skttl.Umbraco.SvgIconPicker

Package owner

Søren Kottal

Søren Kottal

Søren has 4503 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions: 7.13.x, 7.12.x, 7.7.x, 7.5.x, 7.4.x, 7.3.x

Package Information

  • Package owner: Søren Kottal
  • Created: 24/05/2016
  • Current version 1.1.0
  • .NET version 4.5
  • License MIT
  • Downloads on Our: 1.4K
  • Downloads on NuGet: 15.4K
  • Total downloads : 16.8K

External resources