Icons & Actions
What are Icons?
Icons are small, pictorial representations or symbols used to convey information, actions, or concepts in a visual and easily recognizable way. Icons are are widely used to make interfaces more intuitive, efficient, and aesthetically pleasing.
Action Icons: Icons for actions like save, delete, print, edit, share, and more, help users perform specific tasks. See General Actions, Quick Actions, and Account Actions.
Status Icons: These icons indicate the status of something, such as network connectivity, battery level, or message delivery. See Product Status.
Information Icons: Icons like question marks, exclamation points, and "i" symbols are used to convey information or alert the user to something.
Icon Badges: Badges are used to provide at-a-glance information to convey status, notifications, counts, or other relevant data.


Object Icons: Icons can represent objects like files, folders, documents, or devices. See Quick Actions.
What are Actions?
Actions refer to the specific interactions or operations that users can perform within an application or on a website. Actions are a fundamental aspect of interfaces and are essential for guiding users through tasks and helping to achieve goals efficiently.
Key Uses of Icons & Actions
General Actions
Quick Actions
Product Status
Account Actions
How Icons & Actions trigger Overlays
Clicking on an Action Icon is a crucial step in advancing your production workflow. Action Icons trigger specific functions or operations and they play a large role in guiding you through your production workflow.
Last updated




















