Font as icons vertical align case study

Many people have questions about vertical positioning of font as icon in a inline context. This happen because the icon are never perfectly centralized.

Put display inline-block and vertical align middle on icon maybe be the best solution.

One important thing is, when you increase the icon size, the position can change because browser can't centralize a even icon height in a odd font height..

Check it out above the comportament of this technique. You can change the font size of icon and see what happen.

Icon size: