Another weekend, and yet another freebie. Today, we are happy to feature a useful icon set, the Simple Icons1 by Dan Leech. Dan’s set contains 100 PNG icons for popular websites, apps and organisations, all in eleven sizes (16, 24, 32, 48, 64, 128, 256, 512, 1024, 2048 and 4096 pixels squared).
The white icons have transparent backgrounds, which makes them ridiculously simple to style with CSS. As a bonus, simpleicons.org92 maintains a list of official background colour values that can be used in conjunction with the icons, thoroughly researched and derived from official branding guidelines of each brand.
Download the set for free! Link
- Download the complete set (.zip)
- Download individual files from the GitHub repository8
- Preview the icons and get colour info at simpleicons.org92
Behind the design Link
Here are some insights from the designer himself:
“Even though the future of Web iconography will clearly be dominated by resolution-independent formats like SVG and icon fonts, there will still be many uses for a set of simple, flexible, high-quality raster icons. That’s what I set out to achieve with Simple Icons. The set is still very much a work in progress. I plan to refine and grow the set as time goes on.”
Thanks for your fantastic work and your contribution, Dan!
- 1 http://simpleicons.org/
- 2 http://simpleicons.org
- 3 https://firstname.lastname@example.org
- 4 https://email@example.com
- 5 https://firstname.lastname@example.org
- 6 https://email@example.com
- 7 https://www.smashingmagazine.com/wp-content/uploads/2013/02/preview-fullsize.png
- 8 https://github.com/danleech/simple-icons
- 9 http://simpleicons.org
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.