Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Twitter bootstrap complete list of icons with label

I'm new using the excellent stuff of css twitter bootstrap and having a problem, I'm not able to find a complete list of all the icons with a meaningful label. I've just googling without no change. Can you give me a link, please?

like image 792
Whisher Avatar asked Jun 18 '12 07:06

Whisher


3 Answers

You can use native twitter bootstrap icons: twitter bootstrap

Or font awesome which has many more icons.

Perhaps there are some ready-made fonts that can be used, but I only know this one.

Here you can read how to use them: w3resource

So you can use your own icons. How to do this: create custom icons

like image 185
Xella Avatar answered Nov 16 '22 13:11

Xella


I found http://glyphsearch.com/ extremely helpful. Some icons have more than one tag, and it let's you search over tags.

like image 41
tozCSS Avatar answered Nov 16 '22 14:11

tozCSS


For Bootstrap 3, check the official documentation http://getbootstrap.com/components/#glyphicons.

If you want the code for the icons, this is the best resource I've found: http://bootply.com/61521.

Note that the HTML changed a bit; instead of using tags, use tags and the .icon .icon-* and .icon-white classes are now .glyphicon, .glyphicon-*, .glyphicon-white.

EDIT: Bootstrap has updated their documentation, you can now find the whole list at http://getbootstrap.com/2.3.2/base-css.html#icons

like image 2
grim Avatar answered Nov 16 '22 12:11

grim