Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Regular Glphyicon drop in for Bootstrap
CSS
branch: master
Failed to load latest commit information.
css Placed in the CSS folder for continuity
img Trying to make this work
README.md spelling error
glyphicons.png Make sprite transparent

README.md

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 bootstrap.icon-large.min.css and place it in the same directory as bootstrap.css file
  2. Download glyphicons.png and place it in the same directory as glyphicons-halflings.png
  3. Add the following CSS definition under the bootstrap.css call <link href="css/bootstrap.icon-large.min.css" rel="stylesheet">
  4. Clearly visible on the site (like the footer) add a link to glyphicons.com. 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

Something went wrong with that request. Please try again.