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

Ensure your icons scale correctly

Ensure your icons scale correctly Bad Practice
Ensure your icons scale correctly Best Practice

Not all icons are the same size. That’s why it’s important to keep icon scaling in mind when designing your icon set. Smaller size icons fit fewer details while larger icons can include more detail.[1]

Design your icons in multiple sizes whenever possible, with each slightly more detailed than the previous one. Smaller icons can also be wrapped in larger containers to give them more visual weight without increasing their size.

Improve your UX & Product skills with interactive courses that actually work