Icons are visual artifacts to communicate, guide and inform users. They can be used to:
- Reference an existing content type within application, for example the type of a JIRA issue or a Confluence page
- Help users understand UI elements and navigate an interface
- Communicate a secondary status, for example the priority of a JIRA issue. For communicating the primary status, use lozenges.
When you use an icon, consider where and how it is currently used elsewhere in the Atlassian suite of applications, and make sure that the meaning you prescribe to it is the same or at least similar. Don't repurpose an established icon for a different action.
Delivering icons as images presents challenges when they need to scale or change color. Therefore, Atlassian maintains a custom 'icon font'. Icons that are delivered by the icon font in AUI are available in small (16px) and large (32px) sizes. They are not optimised for any other sizes. The Atlassian icon font is updated continuously. Always try to use icon font icons over other icons.
The Atlassian icon font is available for download for use in your Atlassian product or Add-on.
Supplying other icons
When you use icons that are not in the icon font, make sure they support retina displays. Use SVGs where more than one color or sizes bigger than 32px are required, or where the icon needs to be animated. If your application supports browsers like Internet Explorer 8 or older, you must provide PNG backups if the icon is used to convey critical information.