Create your blog and photo album with postbit
Create your blog and photo album

Create new post

Content:

Upload a picture:
Tags (keywords separated by comma)

Save Cancel
Rodrigo Siqueira rsiqueira:   Followers: 25 ; Following: 31

Explore Rodrigo Siqueira's photo albums:
Paris - Montmartre (46)
Pixel Art (13)
Work - Insite (11)
Napoleon's Tomb - Dome des Invalides (13)
Culinária (20)
Murano - Italy (79)

Bootstrap 3 icons


Bootstrap Icons (Bootstrap version 3):

Bootstrap 3 contains more than 200 icons provided by Glyphicon. See all available bootstrap 3 icons. The previous bootstrap version of icons is here: bootstrap 2 icons.

Usage (complete working example).This will display the "check" (v icon):

 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
 <i class="glyphicon glyphicon-ok"></i> OK icon<br>

See also other live samples of bootstrap icons and Font Awesome Icons with Web Application Icons, Text Editor Icons, Directional Icons, Video Player Icons and Brand Icons.

Complete list of 200 bootstrap icons:

 

 

 

 

 

 

                                                                                                                                                                                                                                                                                                                                                                                                               

 

Sample usage (html syntax): <span class="glyphicon glyphicon-asterisk"></span>

List of icon names and sample image for each icon:

  •  asterisk
  •  plus
  •  euro
  •  minus
  •  cloud
  •  envelope
  •  pencil
  •  glass
  •  music
  •  search
  •  heart
  •  star
  •  star-empty
  •  user
  •  film
  •  th-large
  •  th
  •  th-list
  •  ok
  •  remove
  •  zoom-in
  •  zoom-out
  •  off
  •  signal
  •  cog
  •  trash
  •  home
  •  file
  •  time
  •  road
  •  download-alt
  •  download
  •  upload
  •  inbox
  •  play-circle
  •  repeat
  •  refresh
  •  list-alt
  •  lock
  •  flag
  •  headphones
  •  volume-off
  •  volume-down
  •  volume-up
  •  qrcode
  •  barcode
  •  tag
  •  tags
  •  book
  •  bookmark
  •  print
  •  camera
  •  font
  •  bold
  •  italic
  •  text-height
  •  text-width
  •  align-left
  •  align-center
  •  align-right
  •  align-justify
  •  list
  •  indent-left
  •  indent-right
  •  facetime-video
  •  picture
  •  map-marker
  •  adjust
  •  tint
  •  edit
  •  share
  •  check
  •  move
  •  step-backward
  •  fast-backward
  •  backward
  •  play
  •  pause
  •  stop
  •  forward
  •  fast-forward
  •  step-forward
  •  eject
  •  chevron-left
  •  chevron-right
  •  plus-sign
  •  minus-sign
  •  remove-sign
  •  ok-sign
  •  question-sign
  •  info-sign
  •  screenshot
  •  remove-circle
  •  ok-circle
  •  ban-circle
  •  arrow-left
  •  arrow-right
  •  arrow-up
  •  arrow-down
  •  share-alt
  •  resize-full
  •  resize-small
  •  exclamation-sign
  •  gift
  •  leaf
  •  fire
  •  eye-open
  •  eye-close
  •  warning-sign
  •  plane
  •  calendar
  •  random
  •  comment
  •  magnet
  •  chevron-up
  •  chevron-down
  •  retweet
  •  shopping-cart
  •  folder-close
  •  folder-open
  •  resize-vertical
  •  resize-horizontal
  •  hdd
  •  bullhorn
  •  bell
  •  certificate
  •  thumbs-up
  •  thumbs-down
  •  hand-right
  •  hand-left
  •  hand-up
  •  hand-down
  •  circle-arrow-right
  •  circle-arrow-left
  •  circle-arrow-up
  •  circle-arrow-down
  •  globe
  •  wrench
  •  tasks
  •  filter
  •  briefcase
  •  fullscreen
  •  dashboard
  •  paperclip
  •  heart-empty
  •  link
  •  phone
  •  pushpin
  •  usd
  •  gbp
  •  sort
  •  sort-by-alphabet
  •  sort-by-alphabet-alt
  •  sort-by-order
  •  sort-by-order-alt
  •  sort-by-attributes
  •  sort-by-attributes-alt
  •  unchecked
  •  expand
  •  collapse-down
  •  collapse-up
  •  log-in
  •  flash
  •  log-out
  •  new-window
  •  record
  •  save
  •  open
  •  saved
  •  import
  •  export
  •  send
  •  floppy-disk
  •  floppy-saved
  •  floppy-remove
  •  floppy-save
  •  floppy-open
  •  credit-card
  •  transfer
  •  cutlery
  •  header
  •  compressed
  •  earphone
  •  phone-alt
  •  tower
  •  stats
  •  sd-video
  •  hd-video
  •  subtitles
  •  sound-stereo
  •  sound-dolby
  •  sound-5-1
  •  sound-6-1
  •  sound-7-1
  •  copyright-mark
  •  registration-mark
  •  cloud-download
  •  cloud-upload
  •  tree-conifer
  •  tree-deciduous



Other usage example (this will display the circle-arrow-right icon):
<span class="glyphicon glyphicon-circle-arrow-right"></span>
or
<i class="glyphicon glyphicon-circle-arrow-right"></i>

 

This icon list above is for the version 3 of Bootstrap.

In version 2, the icons were a single image file using sprite method for display each icon.
In this version 3, the icons are inside a font file (webfont) automatically loaded by bootstrap.css (or bootstrap.min.css): /bootstrap/fonts/glyphicons-halflings-regular.woff (also .ttf, .svg and .eot extensions).

The icon size can be changed (enlarged or reduced), since they are vectorial images. Example of enlarged bootstrap icon:

 


This example is the "ok" icon with double size (2em means twice the default size). Syntax:
<span class="glyphicon glyphicon-ok" style="font-size: 2em;"> 

Other free icons collection: http://bootstrapguru.com/preview/piluku/ion-icons.html ("ionicons" for Ionic Framework). Including ion-ios-pulse and ion-ios-lightbulb-outline icon.

 

Post by Rodrigo Siqueira (2014-04-21 17:22)

Post your comment:

Name: Email: Site:




| Explore users | New posts | Create your blog | Create your photo album |
| About Postbit | Our blog | Terms of use | Contact Postbit |


Copyright © 2017 - postbit.com