<?xml version="1.0" encoding="utf-8"?>
Filled icons
Exercise

Filled icons

Trailing icon
Exercise

Trailing icon

Icon keylines
Exercise

Icon keylines

Icon paddings
Exercise

Icon paddings

Ensure icons are easy to tap and click
Exercise

Ensure icons are easy to tap and click

Leading icon
Exercise

Leading icon

Unique icons
Exercise

Unique icons

Ensure your icons scale correctly
Exercise

Ensure your icons scale correctly

Icon border radius
Exercise

Icon border radius

Place icons in consistent containers
Exercise

Place icons in consistent containers

Outlined icons
Exercise

Outlined icons

Balance out icons visually
Exercise

Balance out icons visually

Place icons on the left
Exercise

Place icons on the left

Accompany icons with labels
Exercise

Accompany icons with labels

Colored icons
Exercise

Colored icons

Icons should aid in user navigation
Exercise

Icons should aid in user navigation

Cut off unnecessary words
Exercise

Cut off unnecessary words

Use meaningful button commands
Exercise

Use meaningful button commands

Maintain icon consistency
Exercise

Maintain icon consistency

Use consistent icons for the same purpose
Exercise

Use consistent icons for the same purpose

Use consistent colors for your icons
Exercise

Use consistent colors for your icons

Stick to simple icons
Exercise

Stick to simple icons

Fit a label into a single line
Exercise

Fit a label into a single line

Maintain color consistency
Exercise

Maintain color consistency

Accompany icons with labels for more clarity
Exercise

Accompany icons with labels for more clarity

Center a label within a button
Exercise

Center a label within a button

Use contrasting label color
Exercise

Use contrasting label color

Simplify label style
Exercise

Simplify label style

Apply recognizable icons
Exercise

Apply recognizable icons