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

Add icon Minus icon Arrow pointing up icon Arrow pointing down icon Arrow pointing left icon Arrow pointing right icon Chevron pointing up icon Chevron pointing down icon Chevron pointing left icon Chevron pointing right icon Human avatar icon Human avatar within a circle icon Shopping basket icon Clock icon X icon used to represent close X icon within a circle used to represent close Co-op logo icon Co-op logo on membership card icon Location pin icon Location pin icon with Co-op logo used to represent Co-op locations Download icon House icon Information icon Envelope icon 3 stacked horizontal lines icon used to represent menu Speech bubble icon used to represent chat Open new browser tab icon Phone icon Question mark icon Magnifying glass icon used to represent search Cog icon used to represent settings Tick icon Tick within a circle icon Delivery van icon Exclamation mark icon used to represent warning Pen and paper icon used to represent writing Pencil icon Calendar icon Motorbike icon used to represent delivery

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.