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.


  • 16 px
  • 24 px
  • 32 px
  • 48 px
  • 56 px
  • 64 px
  • 96 px

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.

Click and hover events

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

We live on 'click'.

We live on 'hover'.

Looped animation

Animation can be repeated infinitely if appropriate.

Please don't get carried away with this option.

Click to start/stop animations.

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.

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.

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.

'Onparent' option.

Spinners

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

On this demo 'loop' is disabled. This is pseudo loop, just 10 iterations.

  • I'm looped.
  • I'm not.

Morphs

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

Note: Childs elements need absolute positioning.

Morphs behavior is totaly different from other icons.

Examples - where to use

Examples from the Twitter Bootstrap documentation


Use LivIcons in:

  • Bulleted lists
  • Buttons
  • Button groups
  • Navigation
  • Form fields
  • And anywhere you like!

Call-to-action buttons

Metro style

Pricing

The generated Lorem Ipsum is therefore always free from repetition, injected humour.
Starting at
$199/month
The generated Lorem Ipsum is therefore always free from repetition, injected humour.
Starting at
$299/month
The generated Lorem Ipsum is therefore always free from repetition, injected humour.
Starting at
$399/month

Full Icon List

New in LivIcons

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