Search learners, sessions, resources...
Mark complete
View progress
Download report
Send to teacher
Reading Progress
+27m Icons visually support our brand across surfaces
Iconography
Good icons are simple, intuitive, and scalable.
Our iconography blends these and plays with size, colour, and style.
The icon scale
All from Lucide. Toggle to preview on different surfaces.
Spot Icons 48 × 48px
Feature cards, heroes, empty states. 1.5px stroke.
Pictograms 32 × 32px
Cards, navigation, dashboards. 2px stroke.
UI Icons 16–24px
ChevronDown
ChevronRight
ArrowRight
ArrowLeft
Menu
X
Check
Search
Star
Play
Pause
ExternalLink
Mail
Phone
BookOpen
Users
BarChart
Download
Upload
Settings
Heart
Home
Calendar
Globe
Award
Zap
Target
Clock
Filter
Clipboard
FileText
TrendingUp
Buttons, forms, tags, inline actions. 2px stroke.
Guidelines
Do
- Always use Lucide icons from the official set
- Maintain 2px stroke weight (1.5px at 48px)
- Pair icons with text labels for accessibility
- Use currentColor so icons inherit text colour
- Keep to standard sizes (16, 24, 32, 48px)
Don't
- Create custom icons — use Lucide or request additions
- Change stroke weight or line cap style
- Fill icons with solid colour (stroke-based only)
- Use icons smaller than 16px
- Mix Lucide with other icon libraries