Skip to content

An Umbraco package that allows content editors to use their own custom Icomoon icons.

License

Notifications You must be signed in to change notification settings

Infocaster/IcomoonPicker

Repository files navigation

Icomoon icon picker

Downloads Nuget (with prereleases) GitHub

The Icomoon icon picker allows you to use an Icomoon project to create your own icons and import them into Umbraco via a custom Property Editor. This package gives the content editor complete control over which icons can be used on their website and select them themselves.

Requirements

The Icomoon icon picker requires you to set up an Icomoon account.

Getting started

The Icomoon icon picker is available via NuGet.

Installation

Installing the Icomoon icon picker is quick and easy, just install the NuGet package and follow these steps:

  1. Go to the backoffice and create a new Data Type.
  2. There should be a new Property Type called Icomoon icon picker.
  3. Select this new Property Type and enter the name and code of your Icomoon project (these can be found here in the url shown under Development Links and Production Links. The code is the part after public in the URL).
  4. Save the Property Type. It is now available to use in any Document Type you want!

How to use

After creating the DataType and adding it to a Document Type the icon can be selected by the content editor like this:

Add icon

After selecting an icon the model will now contain a string with the correct value. Assuming the value in your model is called Icon the icon can be used as shown below.

<svg class="icon @Icon">
    <use xlink:href="#@Icon"></use>
</svg>

This functionality is great to use for things like nested content too, in the following image the Icomoon icon picker is used in some nested content. This gives the content editor a lot of variety! Add icon

Credits

Created by Infocaster

Made with contributors-img.


About

An Umbraco package that allows content editors to use their own custom Icomoon icons.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published