Last reviewed: 26 October 2021

Foundations

Icon set

Icons are symbols or visual representations of actions, objects or ideas.

Guidelines

Wherever possible, use a clear text label to help people understand the icon. For example, use 'Menu' next to a menu icon or a date next to a calendar icon.

Do not rely on icons alone to explain functionality. Some icons are not well understood and can be confusing, especially to people who do not use digital services regularly.

If you must use an icon without a text label, add an alt text description.

Go to our guidelines on alternative text.

If you require a new icon, contact designsystem@coop.co.uk

For more information on icons go to the:

Current icon set

Examples

A visual of the Co-op Offer website, it shows an example of pairing an icon with plain English to support understanding of the icon.

Example of icons being paired with text.

A visual of the Co-op Offer website, it shows an example of pairing an icon with plain English to support understanding of the icon.

Example of icons being paired with text.

Changelog for this page

Date Notes
26 October 2021 First version of page published

Get support

Co-op Digital colleagues can get support in our dedicated Slack channel:

#experience-library-support

Sign up for email updates

Get updates about changes and developments.

Sign up

Copyright © Co-operative Group Limited. All rights reserved.