smathis

Clarity Icons is for any framework. It's just custom elements. So it does not rely on Angular.

The transparent rectangles in the downloadable SVGs are for sizing. When people used apps like Sketch to create mockups, the SVGs weren't sizing properly because Sketch had no way to understand that there needed to be some space around the icon.

Additionally, icon fonts rely on the PUA to render their glyphs. Given the emoji explosion over the past several years, that PUA is getting harder and harder to assign glyphs to.

I can't be the only one that's visited a site on my phone and found emojis where an icon font glyph was meant to be.

See probably the most famous example: https://www.etsy.com/teams/7720/bugs/discuss/14559563/

What do you mean by "crisp hinting"?