Fontawesome Icons

by viralpatel

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div id="icons"></div>

CSS

body {
    font-family: sans-serif;
}
h3 {
    font-weight: normal;
}

JavaScript

var icon = "fa-ticket,fa-binoculars,fa-cubes,fa-tree,fa-gavel,fa-flas,fa-music,fa-newspaper-o,fa-book,fa-file-text-o,fa-pencil,fa-paint-brush,fa-graduation-cap,fa-umbrella,fa-wrench,fa-trash,fa-bolt,fa-cogs,fa-suitcase,fa-gbp,fa-diamond,fa-dollar,fa-bitcoin,fa-briefcase,fa-cc-amex,fa-cc-discover,fa-cc-mastercard,fa-cc-paypal,fa-cc-visa,fa-credit-card,fa-inr,fa-money,fa-paypal,fa-google-wallet,fa-birthday-cake,fa-gift,fa-user,fa-users,fa-male,fa-female,fa-child,fa-android,fa-camera,fa-desktop,fa-film,fa-laptop,fa-lightbulb-o,fa-phone,fa-plug,fa-print,fa-video-camera,fa-mobile-phone,fa-tablet,fa-calculator,fa-fax,fa-cutlery,fa-apple,fa-glass,fa-coffee,fa-beer,fa-pagelines,fa-shopping-cart,fa-cart-arrow-down,fa-photo,fa-hotel,fa-globe,fa-trophy,fa-bullseye,fa-futbol-o,fa-gamepad,fa-life-bouy,fa-medkit,fa-heart,fa-heartbeat,fa-hospital-o,fa-ambulance,fa-stethoscope,fa-wheelchair,fa-automobile,fa-bus,fa-cab,fa-taxi,fa-motorcycle,fa-ship,fa-train,fa-subway,fa-bicycle,fa-truck,fa-plane,fa-road,fa-building,fa-bank,fa-home,fa-smile-o,fa-frown-o,fa-github-alt,fa-paw,fa-bug,fa-facebook,fa-google,fa-google-plus-square,fa-youtube,fa-youtube-play,fa-circle,fa-square,fa-asterisk,fa-star,fa-exclamation-triangle,fa-fire,fa-line-chart,fa-pie-chart";

var icons = icon.split(',');

for(var i=0; i< icons.length; i++) {
    
    
    var obj = '<h3><i class="fa-lg fa '+icons[i]+'"></i> '+icons[i] + '</h3>';
    
    $('#icons').append(obj);
   ...