How to baseline align text and svg?

Question

css

Sosstvenno the whole question in the subject. There is this code https://jsfiddle.net/7ytnnkmg/1/
In it, the arrow is slightly higher than the text, although line-height has the height of the arrow. You need to center them.

Answer 1

https://jsfiddle.net/67ow1gm4/