🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Iconify is a tiny jQuery plugin that creates animated & customizable icons for the links using Font Awesome icons.

Font-Awesome link

Documentation

jquery-iconify

This plugin will create an icon for your links using jquery, fontawesome

jsFiddle Demo

You can install the plugin using bower!

bower install jquery-iconfiy

HTML <a href = "http://facebook.com" id="facebook"></a>

jQuery $('#facebook').iconify();

That's all!

By default the plugin will use the id attribute to generate icon.

Check out fontawesome for list of supported icons. Just use the string after fa- to use in plugin.

Some more examples:

<a href="#" id="twitter"></a>   $('#twitter').iconify(); <a href="#" id="linkedin"></a>   $('#linkedin').iconify(); <a href="#" id="google-plus"></a>   $('#google-plus').iconify(); <a href="#" id="github"></a>   $('#github').iconify();

Advanced configuration:

$('#id').iconify({     color: "purple", // default: "red"     hoverColor: "red", // default: "blue"     size: "32", // default: "28"     animate: true, // default: true     animateMultiplier: 1.5 // default: 1.5 });

You May Also Like