Home > Code stuff > CSS Icons > Animated SVG icon with CSS and Snap.svg

Animated SVG icon with CSS and Snap.svg

Code

An useful and detailed article explaining how to optimise SVG code and animate an SVG icons using CSS and Snap.svg library. Written by Sebastiano Guerriero.

View demo Read article

Posted on November 5, 2014September 28, 2015 in Code stuff, CSS Icons and tagged icons, featured. This post has been viewed 6311 times.

Twitter
Facebook
Google
Pinterest

Ready to use Graphic Assets

Related Freebies

Essential Collection is a free set of 500 outline icons for personal and commercial use. Icons are based on 32px grid and cover many categories.

April 29, 2017

Essential Collection: 500 free vector icons

Ai Sketch

ooto is a free set of 4 dashboard templates for Sketch designed by Adrian Madacs – UI Designer from Denmark – and released exclusively for Freebiesbug.

April 13, 2017April 13, 2017

ooto: A free dashboard template for Sketch

Exclusive

Sketch

A redesign concept of Adidas website designed in Sketch by Mark Gerkules, young UI designer from Israel, and released exclusively for our readers.

March 30, 2017

Adidas website redesign concept

Exclusive

Sketch

Bjango is a free set of app icon templates for Photoshop, Illustrator, Sketch, and Affinity Designer covering Android, iOS, macOS, Apple Watch and more.

March 28, 2017

Bjango: A complete set of app icon templates

PSD Ai Sketch

You should try this

Build Your Portfolio and Web Resume with Beetle Pro

Recent Freebies

OAK is a free HTML portfolio template ideal for designers, photographers and any kind of creative people who need a website for showcasing their own works.

July 22, 2017

OAK: A free HTML template for creative portfolios

Exclusive

Code

Brisk Pro is a free sans serif font ideal for headlines and logotypes characterised by geometric shapes and rounded edges.

July 17, 2017

Brisk Pro: Free font

Font

$fractures: An atomic CSS toolkit for building websites$

fractures is a CSS toolkit providing a set of CSS utility classes that may be used for quick prototyping as well as for production.

July 11, 2017

fractures: An atomic CSS toolkit for building websites

Code

Agata Bielen is a fashion magazine template designed by Adrián Somoza. It is a PSD file made of 3 screens based on a Golden Ratio grid.

July 7, 2017

Agata Bielen: Free PSD magazine template

PSD

t-scroll is a reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page, is built in pure JavaScript and Sass.

July 2, 2017

t-scroll: A modern reveal-on-scroll JS library

Code

Wavehaus Sans is a free font family designed by Graham Paterson. The typeface comes in 6 weights (Thin, Light, Book, Semibold, Bold and Extra Bold).

June 27, 2017June 27, 2017

Wavehaus Sans: A free typeface in 6 weights

Font

Share this

Search Freebie

Envato