Features

The following is a preview of appearance and behavior of LivIcons.

Any color, any size

LivIcons are based on SVG (scalable vector graphic) in all modern browsers and on VML (Vector Markup Language) in IE6 - IE8. So these icons can be any size with good look at any devices. And, of course, any color can be applied too.

Created with Raphaël 2.1.216px Created with Raphaël 2.1.224px Created with Raphaël 2.1.232px Created with Raphaël 2.1.248px Created with Raphaël 2.1.256px Created with Raphaël 2.1.264px Created with Raphaël 2.1.296px

Animated and static

The main feature is LivIcons are animated, but they can be static like any other icons too.

We are animated!

We are static.

Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2
Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2

Click and hover events

LivIcons support two types of events: 'click' and 'hover'.

We live on 'click'.

We live on 'hover'.

Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2
Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2

Looped animation

Animation can be repeated infinitely if appropriate.

Please don't get carried away with this option.

Click to start/stop animations.

Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2

Original colors by default

This option matches to different icons with traditional colors, such as browsers, social networks etc.

Note: Not animated from v1.1!

Icons with 'original' colors.

Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2

Shadowed

For webkit browsers you can apply css filter 'drop-shadow'.

Note: work in Chrome 18.0+, Safari 6.0+, iOS Safari 6.0+, Blackberry Browser 10.0+, Chrome for Android 25.0+

We have a shadow.

Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2

Call-to-action buttons

Created with Raphaël 2.1.2 Let's save the Planet together
Created with Raphaël 2.1.2 Buy today with discount
Created with Raphaël 2.1.2 Upload now! It's totally safe!

Different types of promo and intro

Promo 1 example

Web Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.

Graphic Design

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste. It is a long established fact that a reader.

Internet Marketing

The readable content of a page when looking at its layout. The point of using. Duis aute irure dolor reprehenderit in voluptate velit esse cillum.

Promo 2 example
Web Design
Content management systens Virtual shops and ecommerce Presentation websites Online catalogues
Graphic Design
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.
Internet Marketing
Content management systens Virtual shops and ecommerce Presentation websites Online catalogues

Metro Style

Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2 Created with Raphaël 2.1.2

Pricing

First Package
Created with Raphaël 2.1.2
The generated Lorem Ipsum is therefore always free from repetition, injected humour.
Starting at
$199/month
Read More
Second Package
Created with Raphaël 2.1.2
The generated Lorem Ipsum is therefore always free from repetition, injected humour.
Starting at
$299/month
Read More
Third Package
Created with Raphaël 2.1.2
The generated Lorem Ipsum is therefore always free from repetition, injected humour.
Starting at
$399/month
Read More

Full Icon List

New in LivIcons

Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
 

Miscellaneous Web Icons

Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
 

Arrows and Directional Icons

Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
 

Text Control Icons

Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
 

Video Player Icons

Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
 

Socials, OSs, Browsers, JS libs and others Icons (not animated) - Just Static

Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
 

Spinner Icons

Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
 

Morphs Icons

Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2  
Created with Raphaël 2.1.2