Need help with bootstrap-glyphicons?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.


Regular Glphyicon drop in for Bootstrap

436 Stars 392 Forks 14 Commits 10 Opened issues

Services available

Need anything else?

Bootstrap Glyphicons Support

Twitter's Bootstrap v2 project already uses GLYPHICONS halflings (created by Jan Kovařík) and are released for Bootstrap under the Apache 2.0 License. What this project aims to accomplish is add seamless support for the 400+ GLYPHICONS (available for free under the Creative Commons Attribution 3.0 Unported (CC BY 3.0) license) to Bootstrap so "large" icons can be used. To achieve this I've combined the over 400 24x24 GLYPHICONS in to a Sprite and added icon-large definitions.

Whenever possible larger GLYPHICONS halflings names have been mapped. Otherwise the CSS class definition follows the names set by the files in the zip.

To use this within your site you NEED to do the following:

  1. Download
    and place it in the same directory as bootstrap.css file
  2. Download
    and place it in the same directory as glyphicons-halflings.png
  3. Add the following CSS definition under the bootstrap.css call
  4. Clearly visible on the site (like the footer) add a link to This is a requirement by the artist unless you purchase the GLYPHICONS ALL or GLYPHICONS PRO plans. If you don't want to give attribution to the artist, at least pay him for his fantastic work.

That's it. You can find an entire listing of all the GLYPHICONS

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.