Icons design pattern: Canada.ca design

When to use this pattern

Use the following icons when assisting people with site functionality:

• buttons
• alerts
• form fields
• external or email links
• links to non-HTML files like a PDF or Excel files

Do not use icons:

• to add decoration to navigation labels or headings
• to style links internal to Canada.ca
• to add emphasis to text

How to use this pattern

• Do not use 2 icons in the same context
• Ensure icons are always accompanied by a text label
• Place an icon in line with its associated text label
• Only use the defined icon sets included with WET

Working example

• WET: Icons