Symbols
← All lessons
Modern icon design

Optical alignment

Why mathematically centred often looks wrong, and how to fix it by eye.

Trust your eye over the ruler

Geometry and perception disagree. A triangle centred by its bounding box looks like it leans; nudge it so its visual centre of mass sits on the axis.

Classic adjustments:

  • Triangles / play buttons — shift slightly toward the flat side.
  • Circles vs squares — a circle must be a touch larger than a square to feel equal.
  • The "Check" — its long arm is heavier, so the whole mark is nudged left.

Test it

Stand the icon next to its neighbours at small size. If one "vibrates" or sits low, trust that signal and move it a fraction of a unit.

Next lesson

Corner radii & pixel snapping