Image icons
Use image icons on navigation bars and tab bars. Image icons are not font-type icons.
Important: Image icons can also be used in the icon UI section of a launcher screen. For more information, see Adding images to an icon section.
Usage example
Screen example
Image icons
| Name | Release introduced | Icon image | Right-to-left icon image |
|---|---|---|---|
| Icons added in the New York release | |||
| Bag Solid | New York |
Bag Solid example| |
|Notifications Solid|New York|
Notifications Solid example| |
|Calendar Solid|New York|
Calendar Solid example| |
|Cart Solid|New York|
Cart Solid example|\[Omitted image "mab-icon-image-cart-sol-rtl.png"\] Alt text: Reversed Cart Solid example|
|Chart Bar Solid|New York|
Chart Bar Solid example| |
|Clock Solid|New York|
Clock Solid example| |
|Comment Solid|New York|
Comment Solid example| |
|File Solid|New York|
File Solid example| |
|Group Solid|New York|
Group Solid example| |
|Hardware Solid|New York|
Hardware Solid example| |
|Heart Solid|New York|
Heart Solid example| |
|Home Solid|New York|
Home Solid example| |
|Knowledge Solid|New York|
Knowledge Solid| |
|Map Solid|New York|
Map Solid example| |
|Megaphone Solid|New York|
Megaphone Solid example|\[Omitted image "mab-icon-image-megafon-sol-rtl.png"\] Alt text: Reversed Megaphone Solid example|
|Request Solid|New York|
Request Solid example| |
|Settings Solid|New York|
Settings Solid example| |
|Star Solid|New York|
Star Solid example| |
|User Solid|New York|
User Solid example| |
|Wrench Solid|New York|
Wrench Solid example| |
|Icons added in the Orlando release| |Agile Solid|Orlando|
Agile Solid example| |
|Clipboard Exclamation Solid|Orlando|
Clipboard Exclamation Solid example| |
|Inventory Solid|Orlando|
Inventory Solid example| |
|Project Status Solid|Orlando|
Project Status example| |
|Icon added in the Paris release| |Clipboard Lines Solid|Paris|
Clipboard Lines Solid example| |
|Icon added in the Quebec release| |Bookmark Solid|Quebec|
Bookmark Solid example| |
|Icons added in the Rome release| |Explore Solid|Rome|
Explore Solid example| |
|Today Solid|Rome|
Today Solid example| |
|Support Solid|Rome|
Support Solid example| |
|Icons added in the Washington DC release| |News Center Solid|Washington DC|
News Center Solid example| |
|Marketplace|Washington DC|
Marketplace example| |
|Icons added in the Xanadu release| |Emoji-Smile Solid|Xanadu|
Emoji-Smile Solid example| |
|Enterprise-Asset-Management Solid|Xanadu|
Enterprise-Asset-Management Solid| |
|Ongoing Solid|Xanadu|
Ongoing Solid example| |
|Tree Solid|Xanadu|
Tree Solid example| |
|Icon added in the Yokohama release| |Score-List|Yokohama|
Score-List example|\[Omitted image "mab-icon-image-scorlstr2l.png"\] Alt text: Score-List R-to-L example|
|Icon added in the Zurich release| |Building|Zurich|
Building example| |
Parent Topic:Mobile icon reference