An useful and detailed article explaining how to optimise SVG code and animate an SVG icons using CSS and Snap.svg library.
Here is a useful website where you can find some simple SVG icons. All you have to do is choosing an icon and copy & paste the HTML code.
Here is an interesting set of weather animated icons made with pure CSS. Free snippet coded by Fabrizio Bianchi.
Stackicons is a free colourful icon font for the web. It includes over 60 up-to-date icons for modern social brands, from App.net to Zerply. It uses overlapping colours to create “multi-color” icons with a modern flat look. Created by Parker Bennett.
Using SVGs on websites is becoming more and more easy. Here is another great Codrops tutorial for creating nice animations with SVG icons.
Here is a CSS snippet for creating a set of social rhombus icons and a nice animation on mouseover. Free PSD and code by Marco Biedermann.
Here is a useful CSS3 snippet for creating some simple arrow icons and a loader. Code provided by eMaj.
Here is the first set of iOS7 made up with HTML + CSS. They aren’t pixel perfect and there are some bugs, but they’re really funny.
Some simple icon hover effects with you. The idea is to create a subtle and stylish effect using CSS transitions and animations.
Today’s freebie on Pixelsdaily is a webfont containing a sketched-style social icons set. These are provided as a CSS-ready font.
Icon set made of pure CSS! Just copy and paste the piece of code you need from this CSS snippet.
This free social icon set contains 20 icons for popular services like Twitter, Facebook, Google+, etc. Free PSD & ready-coded CSS included.
© Freebiesbug. A project curated by Pasquale Vitiello. All trademarks are the property of their respective owners.