Guidelines for using icons in digital experiences.


Decorative icons

Decorative icons are used to represent ideas, objects, or larger concepts, and to illustrate a message, action, or information group.

Usage

Usage guidelines are documented on the decorative icons page on Anatomy.

When adding decorative icons in AEM:

  • Use icons in the versioned folder located in AEM DAM
  • Do not upload new icons or copies of existing icons

System icons

System icons are used as part of the user interface or part of a component. System icons are usually paired with text to further illustrate the text’s meaning.

Usage

Usage guidelines are documented on the system icons page on Anatomy.

Call-to-action (CTA)

To author a call-to-action in AEM, use the Button component with the arrow-right icon.


Need a new icon?

If you need an icon that is not available in the Anatomy library and versioned AEM folder, follow the icon guidelines process outlined on Anatomy.