By default browsers have vertical-align: baseline set and so the bottom of the icon is lining up with the bottom of the text. You can change this to be vertical-align: middle to see the difference.
vertical-align: baseline
vertical-align: middle