/ best free open source web resources /


Create 84 GUI Icons Using Pure CSS

Posted · Category: Icons, License Free

Pure CSS GUI icons is an experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints.

Some of these GUI icons can only be created in browsers that support CSS3 transforms. It has been tested on Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+. However, this is not a “production ready” CSS icon set yet.


Requirements: Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+
Demo: http://nicolasgallagher.com/pure-css-gui-icons/
License: License Free

  • http://lucianmarin.com/ Lucian

    I already did this months ago without any need of CSS3, except border-radius.


  • http://www.dz-tchat.com megainfo

    thanks ,very nice!

  • http://www.boxaid.com/ PC Support

    wow, very cool, never seen these before.

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons