Glyphicons

Bootstrap Glyphicon Library

Glyphicons is a library of monochrome icons and symbols. The normally paid use of Glyphicon has been made free for BootStrap by its designer. (http://glyphicons.com/ is the creator's site.)

Thanks to the BootStrap Glyphicon library, we can easily use a large number of icons and symbols with certain meanings on our pages.

For example, if we need a star icon, we can use glyphicon instead of adding it as an image.

To give a few more examples, we can use glyphicons for the user icon, for the download icon, for the refresh icon, etc.

We can use these symbols almost anywhere on our page (text, button, form, menu-navigation...).

Glyphicon icons take shape according to the font properties of their location. In other words, we determine the color of the glyphicon with the text color. Likewise, if we increase the text size, the glyphicon there will also grow.

An empty span tag is used to create the glyphicon. First, the .glyphicon class is applied to this tag, followed by a second class that determines the icon's property. In the example below, the star icon is obtained by applying the glyphicon-search class.

<span class="glyphicon glyphicon-search"></span>

Result:

Link vermek istersek:

<a href="search.html">
   <span class="glyphicon glyphicon-search"></span>
 </a>

Result:

Using inside a button:

<button type="button" class="btn btn-info btn-md">
  <span class="glyphicon glyphicon-search"></span> Search
 </button>

Result:

Examples of usage can be easily multiplied. You can try the codes yourself in the topic examples.

Here is the full list of BootStrap Glyphicon Library:

  glyphicon glyphicon-asterisk
  glyphicon glyphicon-plus
  glyphicon glyphicon-minus
  glyphicon glyphicon-euro
  glyphicon glyphicon-cloud
  glyphicon glyphicon-envelope
  glyphicon glyphicon-pencil
  glyphicon glyphicon-glass
  glyphicon glyphicon-music
  glyphicon glyphicon-search
  glyphicon glyphicon-heart
  glyphicon glyphicon-star
  glyphicon glyphicon-star-empty
  glyphicon glyphicon-user
  glyphicon glyphicon-film
  glyphicon glyphicon-th-large
  glyphicon glyphicon-th
  glyphicon glyphicon-th-list
  glyphicon glyphicon-ok
  glyphicon glyphicon-remove
  glyphicon glyphicon-zoom-in
  glyphicon glyphicon-zoom-out
  glyphicon glyphicon-off
  glyphicon glyphicon-signal
  glyphicon glyphicon-cog
  glyphicon glyphicon-trash
  glyphicon glyphicon-home
  glyphicon glyphicon-file
  glyphicon glyphicon-time
  glyphicon glyphicon-road
  glyphicon glyphicon-download-alt
  glyphicon glyphicon-download
  glyphicon glyphicon-upload
  glyphicon glyphicon-inbox
  glyphicon glyphicon-play-circle
  glyphicon glyphicon-repeat
  glyphicon glyphicon-refresh
  glyphicon glyphicon-list-alt
  glyphicon glyphicon-lock
  glyphicon glyphicon-flag
  glyphicon glyphicon-headphones
  glyphicon glyphicon-volume-off
  glyphicon glyphicon-volume-down
  glyphicon glyphicon-volume-up
  glyphicon glyphicon-qrcode
  glyphicon glyphicon-barcode
  glyphicon glyphicon-tag
  glyphicon glyphicon-tags
  glyphicon glyphicon-book
  glyphicon glyphicon-bookmark
  glyphicon glyphicon-print
  glyphicon glyphicon-camera
  glyphicon glyphicon-font
  glyphicon glyphicon-bold
  glyphicon glyphicon-italic
  glyphicon glyphicon-text-height
  glyphicon glyphicon-text-width
  glyphicon glyphicon-align-left
  glyphicon glyphicon-align-center
  glyphicon glyphicon-align-right
  glyphicon glyphicon-align-justify
  glyphicon glyphicon-list
  glyphicon glyphicon-indent-left
  glyphicon glyphicon-indent-right
  glyphicon glyphicon-facetime-video
  glyphicon glyphicon-picture
  glyphicon glyphicon-map-marker
  glyphicon glyphicon-adjust
  glyphicon glyphicon-tint
  glyphicon glyphicon-edit
  glyphicon glyphicon-share
  glyphicon glyphicon-check
  glyphicon glyphicon-move
  glyphicon glyphicon-step-backward
  glyphicon glyphicon-fast-backward
  glyphicon glyphicon-backward
  glyphicon glyphicon-play
  glyphicon glyphicon-pause
  glyphicon glyphicon-stop
  glyphicon glyphicon-forward
  glyphicon glyphicon-fast-forward
  glyphicon glyphicon-step-forward
  glyphicon glyphicon-eject
  glyphicon glyphicon-chevron-left
  glyphicon glyphicon-chevron-right
  glyphicon glyphicon-plus-sign
  glyphicon glyphicon-minus-sign
  glyphicon glyphicon-remove-sign
  glyphicon glyphicon-ok-sign
  glyphicon glyphicon-question-sign
  glyphicon glyphicon-info-sign
  glyphicon glyphicon-screenshot
  glyphicon glyphicon-remove-circle
  glyphicon glyphicon-ok-circle
  glyphicon glyphicon-ban-circle
  glyphicon glyphicon-arrow-left
  glyphicon glyphicon-arrow-right
  glyphicon glyphicon-arrow-up
  glyphicon glyphicon-arrow-down
  glyphicon glyphicon-share-alt
  glyphicon glyphicon-resize-full
  glyphicon glyphicon-resize-small
  glyphicon glyphicon-exclamation-sign
  glyphicon glyphicon-gift
  glyphicon glyphicon-leaf
  glyphicon glyphicon-fire
  glyphicon glyphicon-eye-open
  glyphicon glyphicon-eye-close
  glyphicon glyphicon-warning-sign
  glyphicon glyphicon-plane
  glyphicon glyphicon-calendar
  glyphicon glyphicon-random
  glyphicon glyphicon-comment
  glyphicon glyphicon-magnet
  glyphicon glyphicon-chevron-up
  glyphicon glyphicon-chevron-down
  glyphicon glyphicon-retweet
  glyphicon glyphicon-shopping-cart
  glyphicon glyphicon-folder-close
  glyphicon glyphicon-folder-open
  glyphicon glyphicon-resize-vertical
  glyphicon glyphicon-resize-horizontal
  glyphicon glyphicon-hdd
  glyphicon glyphicon-bullhorn
  glyphicon glyphicon-bell
  glyphicon glyphicon-certificate
  glyphicon glyphicon-thumbs-up
  glyphicon glyphicon-thumbs-down
  glyphicon glyphicon-hand-right
  glyphicon glyphicon-hand-left
  glyphicon glyphicon-hand-up
  glyphicon glyphicon-hand-down
  glyphicon glyphicon-circle-arrow-right
  glyphicon glyphicon-circle-arrow-left
  glyphicon glyphicon-circle-arrow-up
  glyphicon glyphicon-circle-arrow-down
  glyphicon glyphicon-globe
  glyphicon glyphicon-wrench
  glyphicon glyphicon-tasks
  glyphicon glyphicon-filter
  glyphicon glyphicon-briefcase
  glyphicon glyphicon-fullscreen
  glyphicon glyphicon-dashboard
  glyphicon glyphicon-paperclip
  glyphicon glyphicon-heart-empty
  glyphicon glyphicon-link
  glyphicon glyphicon-phone
  glyphicon glyphicon-pushpin
  glyphicon glyphicon-usd
  glyphicon glyphicon-gbp
  glyphicon glyphicon-sort
  glyphicon glyphicon-sort-by-alphabet
  glyphicon glyphicon-sort-by-alphabet-alt
  glyphicon glyphicon-sort-by-order
  glyphicon glyphicon-sort-by-order-alt
  glyphicon glyphicon-sort-by-attributes
  glyphicon glyphicon-sort-by-attributes-alt
  glyphicon glyphicon-unchecked
  glyphicon glyphicon-expand
  glyphicon glyphicon-collapse-down
  glyphicon glyphicon-collapse-up
  glyphicon glyphicon-log-in
  glyphicon glyphicon-flash
  glyphicon glyphicon-log-out
  glyphicon glyphicon-new-window
  glyphicon glyphicon-record
  glyphicon glyphicon-save
  glyphicon glyphicon-open
  glyphicon glyphicon-saved
  glyphicon glyphicon-import
  glyphicon glyphicon-export
  glyphicon glyphicon-send
  glyphicon glyphicon-floppy-disk
  glyphicon glyphicon-floppy-saved
  glyphicon glyphicon-floppy-remove
  glyphicon glyphicon-floppy-save
  glyphicon glyphicon-floppy-open
  glyphicon glyphicon-credit-card
  glyphicon glyphicon-transfer
  glyphicon glyphicon-cutlery
  glyphicon glyphicon-header
  glyphicon glyphicon-compressed
  glyphicon glyphicon-earphone
  glyphicon glyphicon-phone-alt
  glyphicon glyphicon-tower
  glyphicon glyphicon-stats
  glyphicon glyphicon-sd-video
  glyphicon glyphicon-hd-video
  glyphicon glyphicon-subtitles
  glyphicon glyphicon-sound-stereo
  glyphicon glyphicon-sound-dolby
  glyphicon glyphicon-sound-5-1
  glyphicon glyphicon-sound-6-1
  glyphicon glyphicon-sound-7-1
  glyphicon glyphicon-copyright-mark
  glyphicon glyphicon-registration-mark
  glyphicon glyphicon-cloud-download
  glyphicon glyphicon-cloud-upload
  glyphicon glyphicon-tree-conifer
  glyphicon glyphicon-tree-deciduous
  glyphicon glyphicon-cd
  glyphicon glyphicon-save-file
  glyphicon glyphicon-open-file
  glyphicon glyphicon-level-up
  glyphicon glyphicon-copy
  glyphicon glyphicon-paste
  glyphicon glyphicon-alert
  glyphicon glyphicon-equalizer
  glyphicon glyphicon-king
  glyphicon glyphicon-queen
  glyphicon glyphicon-pawn
  glyphicon glyphicon-bishop
  glyphicon glyphicon-knight
  glyphicon glyphicon-baby-formula
  glyphicon glyphicon-tent
  glyphicon glyphicon-blackboard
  glyphicon glyphicon-bed
  glyphicon glyphicon-apple
  glyphicon glyphicon-erase
  glyphicon glyphicon-hourglass
  glyphicon glyphicon-lamp
  glyphicon glyphicon-duplicate
  glyphicon glyphicon-piggy-bank
  glyphicon glyphicon-scissors
  glyphicon glyphicon-bitcoin
  glyphicon glyphicon-yen
  glyphicon glyphicon-ruble
  glyphicon glyphicon-scale
  glyphicon glyphicon-ice-lolly
  glyphicon glyphicon-ice-lolly-tasted
  glyphicon glyphicon-education
  glyphicon glyphicon-option-horizontal
  glyphicon glyphicon-option-vertical
  glyphicon glyphicon-menu-hamburger
  glyphicon glyphicon-modal-window
  glyphicon glyphicon-oil
  glyphicon glyphicon-grain
  glyphicon glyphicon-sunglasses
  glyphicon glyphicon-text-size
  glyphicon glyphicon-text-color
  glyphicon glyphicon-text-background
  glyphicon glyphicon-object-align-top
  glyphicon glyphicon-object-align-bottom
  glyphicon glyphicon-object-align-horizontal
  glyphicon glyphicon-object-align-left
  glyphicon glyphicon-object-align-vertical
  glyphicon glyphicon-object-align-right
  glyphicon glyphicon-triangle-right
  glyphicon glyphicon-triangle-left
  glyphicon glyphicon-triangle-bottom
  glyphicon glyphicon-triangle-top
  glyphicon glyphicon-superscript
  glyphicon glyphicon-subscript
  glyphicon glyphicon-menu-left
  glyphicon glyphicon-menu-right
  glyphicon glyphicon-menu-down
  glyphicon glyphicon-menu-up

 

Bootstrap Glyphicon Kullanımı, bootstrap tüm glyphicon listesi, Glyphicon tamamı, list of Glyphicons, all Glyphicons, Glyphicon nasıl kullanılır

EXERCISES

Glyphicon Examples Try It

You can see the codes by clicking the Try It Yourself button, you can see the result by making changes.



COMMENTS




Read 973 times.

Online Users: 3836



bootstrap-glyphicons