Destino Solutions

+91 9747866100

How to use ‘Stackicons’ Icon fonts

April 16th, 2014

Stackicons is a Free Icon fonts Pack, It is support new Advanced features, Icon fonts are customizable, Example we can edit Icon-fonts color and size, but Stackicons are more flexible to customization, Stackicons support different background shapes, Multi colors and Multi layers. Available hundreds of Icon-fonts but usability is not easy for Majority Icon-font packs but Stackicons is many difference, Stackicons best part is easy to use And flexible to customize. Resently I’m shared a article about How to use Icon fonts, ‘Stackicons’ Icon fonts developed by Parker Bennett.

Add ‘Stackicons’ Icon fonts to Your Blog/Website.

1. Firstly Add Following CSS External link, Just below HTML <head> tag.
<link type=”text/css” rel=”stylesheet” media=”screen” href=”http://stackicons.pixelsbrackets.netdna-cdn.com/css/stackicons-min.css”></link>

!Note: Which Type Web-platform you are using HTML or XHTML?. Above code only support HTML, XHTML users Add following CSS External link.

<link type=”text/css” rel=”stylesheet” media=”screen” href=”http://stackicons.pixelsbrackets.netdna-cdn.com/css/stackicons-min.css”/>

2. Next Step, Add following  HTML code where you want to add font icon.

<a class=”st-icon-facebook” title=”Facebook” href=”https://www.facebook.com/digitcrop”></a>

3. Using Multicolor Font-icon, Try to edit with JSFiddle.

4.Using Different shapes icon fonts. Try to edit with JSFiddle.


Read official ‘Stackicons’  Documentation @ About Stackicon,Website @ Stackicons.com

You have any doubts About This Article, Feel Free mentioned it below comment box.

Categories: Web Development