Instant-icons NPM

Instant Icons.js

Tired of having to write out long span tags to add Glyphicons to your page? Is Font Awesome not awesome enough?

Instant Icons is a JavaScript library that allows you to cut out all the chaff of adding the web's most popular icon fonts to your HTML.

Add icons.js to your HTML

<head>
    ...
    <script src="/instant-icons/icons.js"></script>
    ...
</head>

Instant icons will do the rest of the work!

Font-Awesome: <fa cloud></fa> -> <i class="fa fa-cloud"></i>
Glyphicons: <gi heart></gi> -> <span class="glyphicon glyphicon-heart"></span>

For additional classes, just add them as other attributes on the tag: <fa search fa-2x></fa>

8 years ago