FontAwesome Icon Lister

by Bilal AFSAR

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.6.0/js-yaml.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

CSS

i{
    padding: 20px;
}

JavaScript

$.get('https://rawgit.com/FortAwesome/Font-Awesome/master/src/icons.yml', function(data){    
    var parsedYaml = jsyaml.load(data);
    var body = $('body');
    $.each(parsedYaml.icons, function(index, icon){
    	body.append('<i class="fa fa-' + icon.id + '"></i>');
    })
});