SVG & Font Icons

Latest sets of free icons available as SVG & Webfont

Coolicons: 440+ Free UI Icons

Coolicons provides a free set which includes more than 440 icons to be used in Figma. SVG and webfont are also available on GitHub.

Code
Figma
Ai
Sketch

Unicons: A free set of 1000+ icons

Unicons is a complete set of 1000+ free vector icons released by Iconscout.  Icons are carefully crafted in 24px grid to have consistency on all displays.

Code
PSD
Ai
Sketch

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.

Code

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.

Code

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.

Code

Pure CSS3 arrow icons

Here is a useful CSS3 snippet for creating some simple arrow icons and a loader. Code provided by eMaj.

Code