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

Get started

Build your website

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

View demo Get started

Step 1

Start a free trial of Site Builder.

Step 2

Design

Tailor the look and feel with the Visual Designer to suit your brand.

Step 3

Create

Add content with built-in eCommerce and third-party integrations.

Step 4

Host

World-class and secure hosting backed by Microsoft Azure.