Icons

An icon is a small graphical representation of an action, object, or concept.

Global Foundations

Overview

An icon is a small graphical representation of an action, object, or concept, used to enhance visual communication and improve navigation.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2F8atCSov6KVkMchm0ZT8zeZ%2FShipfaster-UI---v2.7-(LIVE)%3Fnode-id%3D6-16%26t%3DyF0ezYHZKJLOnkyp-1

When should you use them?

Use icons to complement text labels, improve usability, and provide visual cues for actions or categories.

How should you use them?

  • Ensure icons are clear and easily recognizable.
  • Use consistent styling and size for all icons.
  • Provide text labels alongside icons for clarity.
  • Avoid using too many icons, which can clutter the interface.
  • Make sure icons are accessible, with proper ARIA roles and attributes.
Previous

No previous post
Up next

No next post