Programming - Mar 31, 2024

I’m not sure what to call these icons from Astrit Malsija. The title is “500+ CSS Icons, Customizable, Retina Ready & API” and the URL is “css.gg” but they aren’t really named anything.

Anyway, their shtick is:

The 🌎’s first icon library designed by code.

The idea is that they don’t use clip-path, they aren’t icon fonts, they aren’t even SVG. They are just <i> tags essentially using the shapes of CSS and pseudo elements as necessary to draw themselves. It’s a very clever approach. They’ll render super fast, like inline SVG would, because they don’t require any other resource. They don’t scale particularly well because everything is sized in px, but they have modifier classes for a handful of predefined sizes. I probably wouldn’t use these in production (inline SVG is the way to go), but still, it’s clever.

I wouldn’t call it the world’s first either. Nicolas Gallagher designed an icon set like this 10 years ago (!).

Direct Link →

Previous Next
We respect the property rights of others, and are always careful not to infringe on their rights, so authors and publishing houses have the right to demand that an article or book download link be removed from the site. If you find an article or book of yours and do not agree to the posting of a download link, or you have a suggestion or complaint, write to us through the Contact Us .
Read More