Animated SVG Tutorial + Free Icon Round-Up

Animated SVG Tutorial + Free Icon Round-Up

Animated svg tutorial by Mary Lou at Codrops

If you've snooped around the new CSSDA site you will notice we are big fans of svgs. In this tutorial by Mary Lou at Codrops you'll be shown how to animate SVG icons. Take note that you will be working with a modern JavaScript library for manipulating our SVGs and older / non-supporting browsers will not be capable of all features.

View demo of animated svgs via Codrops

Go to the animated svgs tutorial at Codrops


Nice things icon set by Chris Behr and Smashing Magazine

Nice things is a new icon set from Chris Behr and Smashing Magazine. The set includes 3 PNG sizes: 100×100, 400×400 and 800×800 pixels ~ all available with and without backgrounds. In addition, the set includes the original source ai file, complete with named layers.

Go to SM to get the nice things icon set



Softies icon set by Nick at ET

Softies by Nick at Elegant Themes includes 44 fun icons. According to Nick "The soft and bright style of these icons is sure to add some color to your website." ET has also made them pixel perfect at 64px, 128px, and 256px. The package includes PNG images of all three sizes as well as the original PSD files for each icon for easy modification.

Go to ET to get the free Softies icon set


60 free social media icons by Maksym Khomenko

Maksym Khomenko is a designer from Lviv in the Ukraine. This is his set of new social media icons in the flat design style with and without shadows. His work is available for viewing on Behance.

Get the 60 Free Social Media Icons set


Free psd icon set by Seven

Taking a look over at Dribble we find these free psd icons by Seven. Free psd's are always a nice addition to any designer's resource files so grab 'em while you can.

Go to Dribble to get this free psd icon set by Seven


Free geek icon set (geekicons?) by Stolz

Geekicons have arrived in the form of these neat geek icons found at Dribble. Why not give 'ol Stolz a few eyeballs for his efforts and add some more great icons to your collection.

Go to Dribble to get the free geek icon set by Stolz


Found is our way of sharing the best articles, resources and tutorials that find their way to the eyeballs of the CSSDA crew

Go to Top