How to make Glyphicon transparent on hover using css (Bootstrap 3.3.7)

Question

I am appending a Glyphicon to an element using a pseudo element. See this Fiddle - hover the headline and notice the icon. I would like the icon itself to become transparent