Really excited to see this at the top of the home page for HN. My name is Jehad and I lead the Clarity Design System team. Happy to answer any questions.
For those interested in the work we've done and the road we've taken to get here, we wrote a post originally on our iconography system here:
A hinting which adjusts the icon to the pixel grid, so that it has pixel-perfect render under certain sizes. Straight lines take exactly one pixel, etc. Not sure on technical details of how to do that in SVG, but that what fontawesome does for their font.
For those interested in the work we've done and the road we've taken to get here, we wrote a post originally on our iconography system here:
https://medium.com/claritydesignsystem/the-road-to-svg-and-c...
It is titled: "The Road to SVG and Custom Elements in Clarity Icons"
Much of the content made it through to the "get started" page this thread is linking to.
You can check out the icons themselves directly here. We have over 200+ icons at the moment and counting! https://vmware.github.io/clarity/icons/icon-sets