Upload and use custom icons
To configure Content Hub, you must either be a superuser or have the necessary permissions granted to you through user group policies.
If you have your own set of custom .svg icons, you can upload and use them in Sitecore Content Hub.
Icon overrides are not supported on pages that are rendered in Knockout. To override icons on pages rendered in Knockout, use a custom CSS. Icon overrides are supported on pages that are rendered in React, or in Hybrid mode.
To display correctly, your .svg icon files must use only the following:
-
Compound paths - shapes like
rectorcirclewith dimensions are not supported. -
The color black.
-
Strokes or fills - other CSS properties are not supported.
Here's an example of a .svg icon file containing fills and a compound path with strokes:
To upload custom icons:
-
On the menu bar, click Manage
. -
On the Manage page, click Portal assets.
-
On the Portal assets page, click
Upload files. -
In the dialog, do one of the following:
-
Click My device, select the files you want to upload, and then click Open.
-
Click From link, paste links to the files you want to upload, and then click Import.
-
Drag the files you want to upload into the dialog.
-
To use your custom icons:
-
On the menu bar, click Manage
. -
On the Manage page, click Settings.
-
On the Settings page, search for IconOverrides and click it.
-
On the IconOverrides page, click Add override.
-
Click Select icon.
-
In the Select icon dialog, select the icon you want to replace and click Save.
-
Click Select an asset and, in the Asset dialog, either select or manually search for the custom icon you want to use.
-
Click Save.
-
In the top-right corner of the IconOverrides page, click Save.