Tech Tip: Umbraco 8 Custom Doc Type Icons

Updated on: 18 Jun 2021

Step 1:

Create the following directory structure under the App_Plugins folder:

App_Plugins/<Plug In Name>/Backoffice/Icons

e.g

App_Plugins/MyCustomIcons/Backoffice/Icons

If you don't have the App_Plugins folder, you may need to create one.

Step 2:

Umbraco's doc type icons are a collection of SVG files. In the same directory you've created,  you may put the list of SVG files which are to be your custom doctype icons.

The directory and the files should look like the following:

Umbraco automatically detect these SVG files and list them as doc type icons with the file name used as the icon name.

Here are some more posts