diff --git a/assemblies/configure_customizing-rhdh/assembly-configure-the-global-header-in-rhdh.adoc b/assemblies/configure_customizing-rhdh/assembly-configure-the-global-header-in-rhdh.adoc index 89da7e85f9..e50803eca1 100644 --- a/assemblies/configure_customizing-rhdh/assembly-configure-the-global-header-in-rhdh.adoc +++ b/assemblies/configure_customizing-rhdh/assembly-configure-the-global-header-in-rhdh.adoc @@ -33,6 +33,8 @@ include::../modules/shared/con-quicklinks-and-starred-items-in-the-global-header include::../modules/shared/proc-enable-quicklinks-and-starred-items-after-an-upgrade.adoc[leveloffset=+1] +include::../modules/shared/ref-common-icons-for-customization.adoc[leveloffset=+1] + :context: {previouscontext} :!previouscontext: diff --git a/modules/shared/ref-common-icons-for-customization.adoc b/modules/shared/ref-common-icons-for-customization.adoc new file mode 100644 index 0000000000..60d889f17f --- /dev/null +++ b/modules/shared/ref-common-icons-for-customization.adoc @@ -0,0 +1,65 @@ +:_mod-docs-content-type: REFERENCE + +[id="common-icons-for-customization_{context}"] += Common icons for customization + +[role="_abstract"] +When customizing {product-short}, you can use predefined system icon identifiers in various configuration contexts, including global header buttons, quick access cards, quick starts, and navigation menu items. + +The following table lists commonly used icon identifiers available in {product-short}: + +[cols="30%,70%", options="header"] +|=== +|Icon identifier +|Description + +|`add` +|Plus sign icon, typically used for "Create" or "Add new" actions + +|`bookmarks` +|Bookmark icon for saved items + +|`catalog` +|Catalog or list icon + +|`category` +|Category or organization icon + +|`developerHub` +|{product-short} logo icon + +|`extension` +|Extension or plugin icon + +|`favorite` +|Star icon for favorites or starred items + +|`github` +|GitHub logo icon + +|`group` +|Group or team icon + +|`home` +|Home icon + +|`manageAccounts` +|User account management icon + +|`school` +|Education or learning icon + +|`search` +|Search or magnifying glass icon +|=== + +[NOTE] +==== +In addition to these predefined icon identifiers, you can use: + +* *Full image URLs*: External image URLs (for example, `https://example.com/icon.png`) +* *SVG paths*: Valid inline SVG markup +* *Relative paths*: Paths to images in your {product-short} public folder + +For information about extending the internal icon catalog with custom icons, see xref:extend-internal-icon-catalog_front-end-plugin-wiring[]. +====