CSS Icon is a set including 100 free tiny and simple icons made with pure CSS to be copied and pasted, created and released by Wentin.
SVG & Font Icons
Latest sets of free icons available as SVG & Webfont
Bytesize is a free set of 75+ SVG icons that you can easily style adjusting the weight, colour, size, and if you want the edges to be round or square.
Bytesize: A style-controlled SVG icon set
Transformicons is a small but useful set of animated icons, symbols and buttons using SVG and CSS.
Transformicons – Animated SVG icons
icono is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS.
icono – Pure CSS icons
An useful and detailed article explaining how to optimise SVG code and animate an SVG icons using CSS and Snap.svg library.
Animated SVG icon with CSS and Snap.svg
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.
SVG icons ready to be used
Here is an interesting set of weather animated icons made with pure CSS. Free snippet coded by Fabrizio Bianchi.
Weather animated icons CSS
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.
Stackicons – A colourful icon font
Using SVGs on websites is becoming more and more easy. Here is another great Codrops tutorial for creating nice animations with SVG icons.
Animated 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.
