Skip to content
Makes full glyphicons available at Bootstrap.
CSS
Find file
Latest commit db1cc5f @ericzhang-cn Merge pull request #4 from vkhramtsov/master
Add composer.json for composer tool (http://getcomposer.org/).

README.md

For Twitter Bootstrap just includes 140 glyphicons, I started this project that makes full glyphicons (420) available at Bootstrap.

Reference

Twitter Bootstrap is a excellent front-end framework.

Glyphicons is a library of precisely prepared monochromatic icons and symbols, and the small PNG format is free for both personal and commercial use.

Blue Daniel has generated the CSS sprite image file and CSS styles on his website. I used this files and added a white sprite file.

Usage

Copy files in "img" and glyphicons.css in "css" to some place in your website.

Change the relative path in glyphicons.css to point to your sprite image files.

Import glyphicons.css in your page like this:

<link href="/path/to/glyphicons.css" rel="stylesheet" />

Display glyphicons:

<i class="icon-g-[icon_name]"></i>
<i class="icon-g-[icon_name] icon-g-white"></i>

Add "icon-g-white" class will displays white icon.

Note

Accroding to the License of Glyphicons:

The GLYPHICONS FREE can be used both commercially and for personal use, but you must always add a link to glyphicons.com in a prominent place (e.g. the footer of a website), include the CC-BY license and the reference to glyphicons.com on every page using GLYPHICONS.

Icon Index

(TODO...)

Something went wrong with that request. Please try again.