Home > Designing, Others > CSS ICON

CSS ICON

October 17th, 2016 Leave a comment Go to comments

Wenting Zhang created 512 (!) icons with just HTML and CSS. Usually just one element, the occasional extra element thrown in, and drawn with things like borders, backgrounds, and box-shadows.

Looks like the same bug bit Wenting that bit Nicolas Gallagher. Taking the shapes that CSS can make and combining them to draw.

Predictably, I’m going to point out that SVG would be a more-ideal tool for this. Less fragile, easier to maintain and style, scaleable, etc. I mention that not to take away from this impressive project, but because I’d love to see a similar project where the icons are drawn with hand-crafted paths and golfed.

Direct Link to ArticlePermalink


CSS ICON is a post from CSS-Tricks

Categories: Designing, Others Tags:
  1. No comments yet.
  1. No trackbacks yet.
You must be logged in to post a comment.