Icons

Download favicon images and save to the root directory. Include the following code in head section.

  <!--Favicon block-->
  <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/manifest.json">
  <!--Favicon block end-->
      

Sample manifest.json. Replace "short_name": "Causeway UI Standards" with Causeway product name.

{
  "short_name": "Causeway UI Standards",
  "display": "standalone",
  "name": "Causeway Software Solutions Limited.",
  "icons": [
    {
      "src": "\/android-icon-36x36.png",
      "sizes": "36x36",
      "type": "image\/png",
      "density": "0.75"
    },
    {
      "src": "\/android-icon-48x48.png",
      "sizes": "48x48",
      "type": "image\/png",
      "density": "1.0"
    },
    {
      "src": "\/android-icon-72x72.png",
      "sizes": "72x72",
      "type": "image\/png",
      "density": "1.5"
    },
    {
      "src": "\/android-icon-96x96.png",
      "sizes": "96x96",
      "type": "image\/png",
      "density": "2.0"
    },
    {
      "src": "\/android-icon-144x144.png",
      "sizes": "144x144",
      "type": "image\/png",
      "density": "3.0"
    },
    {
      "src": "\/android-icon-192x192.png",
      "sizes": "192x192",
      "type": "image\/png",
      "density": "4.0"
    }
  ]
}
      

For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.

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

There are 200 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you to include a link back to Glyphicons whenever possible.

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

• .glyphicon .glyphicon-pagination-first
• .glyphicon .glyphicon-pagination-prev
• .glyphicon .glyphicon-pagination-next
• .glyphicon .glyphicon-pagination-last
• .glyphicon .glyphicon-threeLine-menu
• .glyphicon .glyphicon-tree-plus
• .glyphicon .glyphicon-tree-minus
• .glyphicon .glyphicon-notification
• .glyphicon .glyphicon-close
• .glyphicon .glyphicon-thick-tick
• .glyphicon .glyphicon-caret-up
• .glyphicon .glyphicon-caret-down
• .glyphicon .glyphicon-caret-left
• .glyphicon .glyphicon-caret-right
• .glyphicon .glyphicon-circle