# Icons

Source: https://design.ritchiebros.com/design/icons/

Icons streamline content and aid navigation by representing actions and objects visually.

## Streamlining

Icons serve a critical role in streamlining content and facilitating navigation. They represent actions or information visually, aiding quick comprehension and efficient interaction.

Browse the full set on the Icons page to find the right symbol and see usage details.

## Common actions

Common actions like edit, delete, and search have established icons that are universally understood. Leveraging pre-existing knowledge improves clarity and reduces clutter, since these icons need no text label.

**Do:** Use universally understood icons to replace text for common actions.

**Don’t:** Use ambiguous icons without a text label, which leads to confusion.

## Common objects

Consistently pairing specific icons with objects helps people recognize them quickly, promoting a more intuitive interaction.

**Do:** Use icons consistently once a meaning is assigned, to identify common objects and improve clarity.

**Don’t:** Overuse icons — redundant icons create visual clutter and increase cognitive load.

## Icon sizing

Icon size and weight were specifically crafted to pair with typography.

**Do:** Align icons vertically with the accompanying typography.

**Don’t:** Resize icons, which distorts the relationship established with typography.