How to make optically balanced icons, correct shapes alignment, and perfect corner rounding. An illustrated guide.

What is bigger: a 400-pixel square or a 400-pixel circle? Geometrically speaking, their width and height are equal. But look at the picture below. Our eyes immediately detect that the square outweighs the circle.