How to change the default icon library

By default, uSkinned Site Builder ships with the Ionicons library. You can use this to set the icons associated with any link found in the link pickers.

Step 1

Open your website folder in your preferred editor.

We would recommend Visual Studio Code.

Step 2

Find and replace the file ~/wwwroot/css/uSkinned/icons/icons.css with your own icons file.

Step 3

Step 4

Update the 'Class name regex' field within icon datatypes to your own icon prefix: Settings > Data Types > USN Data Types > Link Picker.

Step 1

Open your website folder in your preferred editor.

We would recommend Visual Studio Code.

Step 2

Find and replace the file ~/css/uskinned/icons/icons.css with your own icons file.

Step 3

Step 4

Update the 'Class name regex' field within icon datatypes to your own icon prefix: Settings > Data Types > USN Data Types > Link Picker.

#h5yr

Related guides

Extending uSkinned Site Builder for Umbraco

Integrations & Third-party widgets for uSkinned Site Builder

uSkinned Site Builder

Get started — for FREE!

Join thousands of agencies, freelancers & businesses of all sizes worldwide who use uSkinned Site Builder for Umbraco to deliver results.

Free trial Buy now