What’s a transformicon? It’s an animated symbol/button using CSS and presented in a neatly packaged library for Sass along with Vanilla CSS. Transformicons are mostly powered by CSS however, a little piece of JavaScript is required to toggle the transformed states. It supports E10+, Chrome 36+, Safari 6+, Firefox 30+, Opera 22+, iOS 7+, Android 4+, Chrome for Android 38+
Free ‘plug and play’ set of SVG icons designed specifically for web projects. Available as a Node.js package or a Ruby gem (for Rails). Just use icon names with your templates and styles — and all the rest will be done automagically. Styling Every icon has the .icon class and its modifier including the icon name. For example, the facebook icon has the .icon–ei-facebook modifier. In addition, an icon may have a size modifier. But…
Joseph Howard from Pencil Scoop did a great job.He created animating icons with simple CSS and a tiny bit of jQuery.The pack containg 150+ free animated icon in Flat style With Shadow Hovers,Animated SVG Social Media Icons. As you can see in the demo, there are 6 different sets of icons with various differences in styling and animation. All the styling and animation is done exclusively in CSS, externally from the inline SVG mark-up. …