Magnolia 6.0 reached end of life on June 26, 2019. This branch is no longer supported, see End-of-life policy.
Icons add visual value to apps and actions. They help users instantly recognize user interface elements. Icons also add familiarity when used consistently across Magnolia.
In Magnolia 6.0+, you can not use icons for apps in app launcher anymore. Instead, an app icon must be a file in the SVG image format.
See the How to add SVG icons for apps page for more details.
In Magnolia 6.x, the icons used come in two forms:
MagnoliaIcons
font.The font-based icons are a vector format rather than a bitmap, which means you can style the icons with CSS and display them in various sizes without repeating the asset itself.
The image-based icons are used:
Icons are displayed in the following sizes in the user interface.
15 px
Search results list
20/30/35 px*
App launcher
* Depending on the viewport size.
16 px
Action bar
20 px
Tab
To see the SVG image-based icons, please follow this hyperlink: https://dev.magnolia-cms.com/svg-app-icons-gallery/.