Icon

Icons are visual symbols for communicating additional meaning, status, and available actions.

Developer Documentation

Information on how to implement this component is available for the following technologies.

Usage

Icons can be used to provide meaning and bring visual interest to elements of a page. They can also be used to indicate available actions and to clarify status or give feedback.

Guidelines

  • Icons should only be sized to 16px, 32px, 64px, or 128px.
  • Icons should not be used in place of artwork or illustrations.

Accessibility

Icons are a great way to provide additional meaning for clients with cognitive and visual disabilities. They should be accompanied by text whenever possible.