CSS Icon: A set of icons made with pure CSS

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.

CSS Icon: A set of icons made with pure CSS

Bytesize: A style-controlled SVG icon set

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

icono - Pure CSS 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

Animated SVG icon with CSS and Snap.svg

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

SVG icons ready to be used

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

Weather animated icons CSS

Here is an interesting set of weather animated icons made with pure CSS. Free snippet coded by Fabrizio Bianchi.

Weather animated icons CSS

Stackicons - A colourful icon font

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

Animated SVG icons

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

Social rhombus icons - CSS + PSD

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.

Social rhombus icons – CSS + PSD