Last reviewed: 1 December 2022

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.

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
1 December 2022 Removed contact email address

Get support

Ask us about anything that’s featured on the Experience Library, or any questions about design, content or development.

#experience-library-support

Co-op Experience Library

Get email updates

Find out about the latest content, changes or developments to the Experience Library.

Sign up

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