LivIcons

404 414 icons. One script.

363 live + 51 static. This is not images. This is animated Vector Graphic.

New step in interactivity

With power of jQuery and Raphael LivIcons (live icons) bring a fresh look of your site.

Brand New

Such animation methods for interface elements were never created before.

Animated and static

Most important feature of LivIcons, that they are live. But they can be static too.

Any color, any size

Scalable vector graphics means every icon looks awesome at any size.

Retina perfect

LivIcons are vectors, which mean they are presented perfect on high-resolution displays.

16 pixel perfect

LivIcons were created with keep in mind about perfect look at 16 px (Not in IE6 - IE8).

Bootstrap compatible

Easy to integrate with Bootstrap. Look at example below.

CTR improvement

LivIcons let you increase CTR (click through ratio) on your sites.

Easy integration

Just one <div>, <span>, <li> or <i> with class .livicon and some data- attributes

Flexible settings

User friendly settings for custom look and behaviour of every icon or all of them.

Free updates

LivIcons are very interesting technology to continue supporting.

IE6+ support

LivIcons support IE6 and up. Just add one more small script for IE6 - IE7.

All browsers

LivIcons currently support Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 12.1+, Internet Explorer 6.0+, iOS Safari3.2+, Android Browser 3.0+, Blackberry Browser 7.0+

Customizer included

Small payload if you subset just the icons you need.

NEW in LivIcons (v1.4)

New animated icons

NEW in LivIcons (v1.3)

New animated icons

New static (Brand) icons

New in LivIcons (v1.2)

Miscellaneous Web Icons

Arrows and Directional Icons

Text Control Icons

Video Player Icons

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

Spinner Icons

Morphs Icons

'c' means circle, 'o' - octagon, 's' - square, 't' - triangle

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.

Animated and static

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

Click and hover events

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

Looped animation

Animation can be repeated infinitely if appropriate.

Please don't get carried away with this option.

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!

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+

Animation start with event on an icon or on its parent

You can trigger events 'click' or 'hover' on an icon itself or on its parent element.

Spinners

For spinner icons the special behavior is defined. If looped they work as traditional spinners.

Morphs

Morphs are a special category recomended to use as backgrounds for any desired block.

Note: Childs elements need absolute positioning.

Reload Checkout Delete

Settings Info Search

Let's save the Planet together

Buy today with discount

Upload now! It's totally safe!

Stay in Touch

1-800-123-456-789

company.name

The integration of Livicons is very simple.

1. Copy two or three scripts to your server.
2. In your html or php reference the location to these scripts.
3. And use LivIcons with just one string of code...

<i class="livicon" data-...></i>
  or
<span class="livicon" data-...></span>
  or
<div class="livicon" data-...></div>
  or
<li class="livicon" data-...></li>

Additional way is to work with LivIcons 'on the fly' with help of three Javascript methods

$('my_cool_icon').addLivicon(...options...);
  or
$('my_cool_icon').removeLivicon(...option...);
  or
$('my_cool_icon').updateLivicon(...options...);
  or even
$('.my_cool_icons_class').addLivicon(...options...);

With the Customizer included in the package for jQuery plugin you can simply and fast choose what icons you need for your project and get the compact code. Please look at slides for fast preview.

The integration of Livicons in WordPress is very simple too.

1. Install the plugin usually as any other one.
2. Make any desired changes on the global settings page.
3. And now you can prepare and paste any LivIcon in a TinyMCE editor.

Of course you don't need any program skills to use LivIcons in WordPress.

On the Global Settings page of LivIcons in your Wordpress dashboard you can also simply and fast choose what icons you need for your site and define defaults values for all parameters. Please look at slides for fast preview.

You can also look at this video preview to know how to work with livIcons in Wordpress.