causeway-standard-theme
Version:
1,653 lines (1,645 loc) • 48.6 kB
HTML
<div class="container page">
<div class="content pane single-pane">
<section>
<a id="content-icons"></a>
<header class="content-header">
<h1 class="title">
Icons
</h1>
<ul class="nav nav-pills">
<li>
<a href="#favicon">
Favicon & App icon
</a>
</li>
<li>
<a href="#content-icons-use">
How to use
</a>
</li>
<li>
<a href="#content-icons-available">
Available Icons
</a>
</li>
</ul>
</header>
<a id="favicon"></a>
<header class="content-header">
<h2 class="title">
Favicon and app icon
</h2>
</header>
<p>
Download <a href="/downloads/favicon.zip" title="download favicon images">favicon</a> images and save to the root directory. Include the following code in head section.
</p>
<pre><code>
<!--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-->
</code></pre>
<p>Sample manifest.json. Replace <code>"short_name": "Causeway UI Standards"</code> with Causeway product name.</p>
<pre><code>
{
"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"
}
]
}
</code></pre>
<a id="content-icons-use"></a>
<header class="content-header">
<h2 class="title">
How to use
</h2>
</header>
<p>
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.
</p>
<pre><code class="html">
<span class="glyphicon glyphicon-search"></span>
</code></pre>
<a id="content-icons-available"></a>
<header class="content-header">
<h2 class="title">
Available Bootstrap Icons
</h2>
</header>
<p>
There are 200 glyphs in font format from the Glyphicon Halflings set.
<a href="http://glyphicons.com/">
Glyphicons
</a>
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
<a href="http://glyphicons.com/">
Glyphicons
</a>
whenever possible.
</p>
<ul class="icon-list">
<li>
<span class="glyphicon glyphicon-adjust">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-adjust
</span>
</li>
<li>
<span class="glyphicon glyphicon-align-center">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-align-center
</span>
</li>
<li>
<span class="glyphicon glyphicon-align-justify">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-align-justify
</span>
</li>
<li>
<span class="glyphicon glyphicon-align-left">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-align-left
</span>
</li>
<li>
<span class="glyphicon glyphicon-align-right">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-align-right
</span>
</li>
<li>
<span class="glyphicon glyphicon-arrow-down">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-arrow-down
</span>
</li>
<li>
<span class="glyphicon glyphicon-arrow-left">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-arrow-left
</span>
</li>
<li>
<span class="glyphicon glyphicon-arrow-right">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-arrow-right
</span>
</li>
<li>
<span class="glyphicon glyphicon-arrow-up">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-arrow-up
</span>
</li>
<li>
<span class="glyphicon glyphicon-asterisk">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-asterisk
</span>
</li>
<li>
<span class="glyphicon glyphicon-backward">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-backward
</span>
</li>
<li>
<span class="glyphicon glyphicon-ban-circle">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-ban-circle
</span>
</li>
<li>
<span class="glyphicon glyphicon-barcode">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-barcode
</span>
</li>
<li>
<span class="glyphicon glyphicon-bell">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-bell
</span>
</li>
<li>
<span class="glyphicon glyphicon-bold">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-bold
</span>
</li>
<li>
<span class="glyphicon glyphicon-book">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-book
</span>
</li>
<li>
<span class="glyphicon glyphicon-bookmark">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-bookmark
</span>
</li>
<li>
<span class="glyphicon glyphicon-briefcase">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-briefcase
</span>
</li>
<li>
<span class="glyphicon glyphicon-bullhorn">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-bullhorn
</span>
</li>
<li>
<span class="glyphicon glyphicon-calendar">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-calendar
</span>
</li>
<li>
<span class="glyphicon glyphicon-camera">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-camera
</span>
</li>
<li>
<span class="glyphicon glyphicon-certificate">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-certificate
</span>
</li>
<li>
<span class="glyphicon glyphicon-check">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-check
</span>
</li>
<li>
<span class="glyphicon glyphicon-chevron-down">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-chevron-down
</span>
</li>
<li>
<span class="glyphicon glyphicon-chevron-left">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-chevron-left
</span>
</li>
<li>
<span class="glyphicon glyphicon-chevron-right">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-chevron-right
</span>
</li>
<li>
<span class="glyphicon glyphicon-chevron-up">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-chevron-up
</span>
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-down">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-circle-arrow-down
</span>
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-left">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-circle-arrow-left
</span>
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-right">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-circle-arrow-right
</span>
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-up">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-circle-arrow-up
</span>
</li>
<li>
<span class="glyphicon glyphicon-cloud">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-cloud
</span>
</li>
<li>
<span class="glyphicon glyphicon-cloud-download">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-cloud-download
</span>
</li>
<li>
<span class="glyphicon glyphicon-cloud-upload">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-cloud-upload
</span>
</li>
<li>
<span class="glyphicon glyphicon-cog">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-cog
</span>
</li>
<li>
<span class="glyphicon glyphicon-collapse-down">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-collapse-down
</span>
</li>
<li>
<span class="glyphicon glyphicon-collapse-up">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-collapse-up
</span>
</li>
<li>
<span class="glyphicon glyphicon-comment">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-comment
</span>
</li>
<li>
<span class="glyphicon glyphicon-compressed">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-compressed
</span>
</li>
<li>
<span class="glyphicon glyphicon-copyright-mark">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-copyright-mark
</span>
</li>
<li>
<span class="glyphicon glyphicon-credit-card">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-credit-card
</span>
</li>
<li>
<span class="glyphicon glyphicon-cutlery">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-cutlery
</span>
</li>
<li>
<span class="glyphicon glyphicon-dashboard">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-dashboard
</span>
</li>
<li>
<span class="glyphicon glyphicon-download">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-download
</span>
</li>
<li>
<span class="glyphicon glyphicon-download-alt">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-download-alt
</span>
</li>
<li>
<span class="glyphicon glyphicon-earphone">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-earphone
</span>
</li>
<li>
<span class="glyphicon glyphicon-edit">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-edit
</span>
</li>
<li>
<span class="glyphicon glyphicon-eject">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-eject
</span>
</li>
<li>
<span class="glyphicon glyphicon-envelope">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-envelope
</span>
</li>
<li>
<span class="glyphicon glyphicon-euro">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-euro
</span>
</li>
<li>
<span class="glyphicon glyphicon-exclamation-sign">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-exclamation-sign
</span>
</li>
<li>
<span class="glyphicon glyphicon-expand">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-expand
</span>
</li>
<li>
<span class="glyphicon glyphicon-export">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-export
</span>
</li>
<li>
<span class="glyphicon glyphicon-eye-close">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-eye-close
</span>
</li>
<li>
<span class="glyphicon glyphicon-eye-open">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-eye-open
</span>
</li>
<li>
<span class="glyphicon glyphicon-facetime-video">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-facetime-video
</span>
</li>
<li>
<span class="glyphicon glyphicon-fast-backward">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-fast-backward
</span>
</li>
<li>
<span class="glyphicon glyphicon-fast-forward">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-fast-forward
</span>
</li>
<li>
<span class="glyphicon glyphicon-file">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-file
</span>
</li>
<li>
<span class="glyphicon glyphicon-film">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-film
</span>
</li>
<li>
<span class="glyphicon glyphicon-filter">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-filter
</span>
</li>
<li>
<span class="glyphicon glyphicon-fire">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-fire
</span>
</li>
<li>
<span class="glyphicon glyphicon-flag">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-flag
</span>
</li>
<li>
<span class="glyphicon glyphicon-flash">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-flash
</span>
</li>
<li>
<span class="glyphicon glyphicon-floppy-disk">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-floppy-disk
</span>
</li>
<li>
<span class="glyphicon glyphicon-floppy-open">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-floppy-open
</span>
</li>
<li>
<span class="glyphicon glyphicon-floppy-remove">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-floppy-remove
</span>
</li>
<li>
<span class="glyphicon glyphicon-floppy-save">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-floppy-save
</span>
</li>
<li>
<span class="glyphicon glyphicon-floppy-saved">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-floppy-saved
</span>
</li>
<li>
<span class="glyphicon glyphicon-folder-close">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-folder-close
</span>
</li>
<li>
<span class="glyphicon glyphicon-folder-open">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-folder-open
</span>
</li>
<li>
<span class="glyphicon glyphicon-font">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-font
</span>
</li>
<li>
<span class="glyphicon glyphicon-forward">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-forward
</span>
</li>
<li>
<span class="glyphicon glyphicon-fullscreen">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-fullscreen
</span>
</li>
<li>
<span class="glyphicon glyphicon-gbp">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-gbp
</span>
</li>
<li>
<span class="glyphicon glyphicon-gift">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-gift
</span>
</li>
<li>
<span class="glyphicon glyphicon-glass">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-glass
</span>
</li>
<li>
<span class="glyphicon glyphicon-globe">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-globe
</span>
</li>
<li>
<span class="glyphicon glyphicon-hand-down">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-hand-down
</span>
</li>
<li>
<span class="glyphicon glyphicon-hand-left">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-hand-left
</span>
</li>
<li>
<span class="glyphicon glyphicon-hand-right">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-hand-right
</span>
</li>
<li>
<span class="glyphicon glyphicon-hand-up">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-hand-up
</span>
</li>
<li>
<span class="glyphicon glyphicon-hd-video">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-hd-video
</span>
</li>
<li>
<span class="glyphicon glyphicon-hdd">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-hdd
</span>
</li>
<li>
<span class="glyphicon glyphicon-header">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-header
</span>
</li>
<li>
<span class="glyphicon glyphicon-headphones">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-headphones
</span>
</li>
<li>
<span class="glyphicon glyphicon-heart">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-heart
</span>
</li>
<li>
<span class="glyphicon glyphicon-heart-empty">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-heart-empty
</span>
</li>
<li>
<span class="glyphicon glyphicon-home">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-home
</span>
</li>
<li>
<span class="glyphicon glyphicon-import">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-import
</span>
</li>
<li>
<span class="glyphicon glyphicon-inbox">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-inbox
</span>
</li>
<li>
<span class="glyphicon glyphicon-indent-left">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-indent-left
</span>
</li>
<li>
<span class="glyphicon glyphicon-indent-right">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-indent-right
</span>
</li>
<li>
<span class="glyphicon glyphicon-info-sign">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-info-sign
</span>
</li>
<li>
<span class="glyphicon glyphicon-italic">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-italic
</span>
</li>
<li>
<span class="glyphicon glyphicon-leaf">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-leaf
</span>
</li>
<li>
<span class="glyphicon glyphicon-link">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-link
</span>
</li>
<li>
<span class="glyphicon glyphicon-list">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-list
</span>
</li>
<li>
<span class="glyphicon glyphicon-list-alt">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-list-alt
</span>
</li>
<li>
<span class="glyphicon glyphicon-lock">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-lock
</span>
</li>
<li>
<span class="glyphicon glyphicon-log-in">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-log-in
</span>
</li>
<li>
<span class="glyphicon glyphicon-log-out">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-log-out
</span>
</li>
<li>
<span class="glyphicon glyphicon-magnet">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-magnet
</span>
</li>
<li>
<span class="glyphicon glyphicon-map-marker">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-map-marker
</span>
</li>
<li>
<span class="glyphicon glyphicon-minus">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-minus
</span>
</li>
<li>
<span class="glyphicon glyphicon-minus-sign">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-minus-sign
</span>
</li>
<li>
<span class="glyphicon glyphicon-move">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-move
</span>
</li>
<li>
<span class="glyphicon glyphicon-music">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-music
</span>
</li>
<li>
<span class="glyphicon glyphicon-new-window">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-new-window
</span>
</li>
<li>
<span class="glyphicon glyphicon-off">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-off
</span>
</li>
<li>
<span class="glyphicon glyphicon-ok">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-ok
</span>
</li>
<li>
<span class="glyphicon glyphicon-ok-circle">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-ok-circle
</span>
</li>
<li>
<span class="glyphicon glyphicon-ok-sign">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-ok-sign
</span>
</li>
<li>
<span class="glyphicon glyphicon-open">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-open
</span>
</li>
<li>
<span class="glyphicon glyphicon-paperclip">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-paperclip
</span>
</li>
<li>
<span class="glyphicon glyphicon-pause">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-pause
</span>
</li>
<li>
<span class="glyphicon glyphicon-pencil">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-pencil
</span>
</li>
<li>
<span class="glyphicon glyphicon-phone">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-phone
</span>
</li>
<li>
<span class="glyphicon glyphicon-phone-alt">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-phone-alt
</span>
</li>
<li>
<span class="glyphicon glyphicon-picture">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-picture
</span>
</li>
<li>
<span class="glyphicon glyphicon-plane">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-plane
</span>
</li>
<li>
<span class="glyphicon glyphicon-play">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-play
</span>
</li>
<li>
<span class="glyphicon glyphicon-play-circle">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-play-circle
</span>
</li>
<li>
<span class="glyphicon glyphicon-plus">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-plus
</span>
</li>
<li>
<span class="glyphicon glyphicon-plus-sign">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-plus-sign
</span>
</li>
<li>
<span class="glyphicon glyphicon-print">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-print
</span>
</li>
<li>
<span class="glyphicon glyphicon-pushpin">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-pushpin
</span>
</li>
<li>
<span class="glyphicon glyphicon-qrcode">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-qrcode
</span>
</li>
<li>
<span class="glyphicon glyphicon-question-sign">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-question-sign
</span>
</li>
<li>
<span class="glyphicon glyphicon-random">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-random
</span>
</li>
<li>
<span class="glyphicon glyphicon-record">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-record
</span>
</li>
<li>
<span class="glyphicon glyphicon-refresh">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-refresh
</span>
</li>
<li>
<span class="glyphicon glyphicon-registration-mark">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-registration-mark
</span>
</li>
<li>
<span class="glyphicon glyphicon-remove">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-remove
</span>
</li>
<li>
<span class="glyphicon glyphicon-remove-circle">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-remove-circle
</span>
</li>
<li>
<span class="glyphicon glyphicon-remove-sign">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-remove-sign
</span>
</li>
<li>
<span class="glyphicon glyphicon-repeat">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-repeat
</span>
</li>
<li>
<span class="glyphicon glyphicon-resize-full">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-resize-full
</span>
</li>
<li>
<span class="glyphicon glyphicon-resize-horizontal">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-resize-horizontal
</span>
</li>
<li>
<span class="glyphicon glyphicon-resize-small">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-resize-small
</span>
</li>
<li>
<span class="glyphicon glyphicon-resize-vertical">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-resize-vertical
</span>
</li>
<li>
<span class="glyphicon glyphicon-retweet">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-retweet
</span>
</li>
<li>
<span class="glyphicon glyphicon-road">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-road
</span>
</li>
<li>
<span class="glyphicon glyphicon-save">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-save
</span>
</li>
<li>
<span class="glyphicon glyphicon-saved">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-saved
</span>
</li>
<li>
<span class="glyphicon glyphicon-screenshot">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-screenshot
</span>
</li>
<li>
<span class="glyphicon glyphicon-sd-video">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sd-video
</span>
</li>
<li>
<span class="glyphicon glyphicon-search">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-search
</span>
</li>
<li>
<span class="glyphicon glyphicon-send">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-send
</span>
</li>
<li>
<span class="glyphicon glyphicon-share">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-share
</span>
</li>
<li>
<span class="glyphicon glyphicon-share-alt">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-share-alt
</span>
</li>
<li>
<span class="glyphicon glyphicon-shopping-cart">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-shopping-cart
</span>
</li>
<li>
<span class="glyphicon glyphicon-signal">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-signal
</span>
</li>
<li>
<span class="glyphicon glyphicon-sort">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sort
</span>
</li>
<li>
<span class="glyphicon glyphicon-sort-by-alphabet">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sort-by-alphabet
</span>
</li>
<li>
<span class="glyphicon glyphicon-sort-by-alphabet-alt">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sort-by-alphabet-alt
</span>
</li>
<li>
<span class="glyphicon glyphicon-sort-by-attributes">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sort-by-attributes
</span>
</li>
<li>
<span class="glyphicon glyphicon-sort-by-attributes-alt">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sort-by-attributes-alt
</span>
</li>
<li>
<span class="glyphicon glyphicon-sort-by-order">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sort-by-order
</span>
</li>
<li>
<span class="glyphicon glyphicon-sort-by-order-alt">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sort-by-order-alt
</span>
</li>
<li>
<span class="glyphicon glyphicon-sound-5-1">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sound-5-1
</span>
</li>
<li>
<span class="glyphicon glyphicon-sound-6-1">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sound-6-1
</span>
</li>
<li>
<span class="glyphicon glyphicon-sound-7-1">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sound-7-1
</span>
</li>
<li>
<span class="glyphicon glyphicon-sound-dolby">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sound-dolby
</span>
</li>
<li>
<span class="glyphicon glyphicon-sound-stereo">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-sound-stereo
</span>
</li>
<li>
<span class="glyphicon glyphicon-star">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-star
</span>
</li>
<li>
<span class="glyphicon glyphicon-star-empty">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-star-empty
</span>
</li>
<li>
<span class="glyphicon glyphicon-stats">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-stats
</span>
</li>
<li>
<span class="glyphicon glyphicon-step-backward">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-step-backward
</span>
</li>
<li>
<span class="glyphicon glyphicon-step-forward">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-step-forward
</span>
</li>
<li>
<span class="glyphicon glyphicon-stop">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-stop
</span>
</li>
<li>
<span class="glyphicon glyphicon-subtitles">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-subtitles
</span>
</li>
<li>
<span class="glyphicon glyphicon-tag">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-tag
</span>
</li>
<li>
<span class="glyphicon glyphicon-tags">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-tags
</span>
</li>
<li>
<span class="glyphicon glyphicon-tasks">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-tasks
</span>
</li>
<li>
<span class="glyphicon glyphicon-text-height">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-text-height
</span>
</li>
<li>
<span class="glyphicon glyphicon-text-width">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-text-width
</span>
</li>
<li>
<span class="glyphicon glyphicon-th">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-th
</span>
</li>
<li>
<span class="glyphicon glyphicon-th-large">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-th-large
</span>
</li>
<li>
<span class="glyphicon glyphicon-th-list">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-th-list
</span>
</li>
<li>
<span class="glyphicon glyphicon-thumbs-down">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-thumbs-down
</span>
</li>
<li>
<span class="glyphicon glyphicon-thumbs-up">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-thumbs-up
</span>
</li>
<li>
<span class="glyphicon glyphicon-time">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-time
</span>
</li>
<li>
<span class="glyphicon glyphicon-tint">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-tint
</span>
</li>
<li>
<span class="glyphicon glyphicon-tower">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-tower
</span>
</li>
<li>
<span class="glyphicon glyphicon-transfer">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-transfer
</span>
</li>
<li>
<span class="glyphicon glyphicon-trash">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-trash
</span>
</li>
<li>
<span class="glyphicon glyphicon-tree-conifer">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-tree-conifer
</span>
</li>
<li>
<span class="glyphicon glyphicon-tree-deciduous">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-tree-deciduous
</span>
</li>
<li>
<span class="glyphicon glyphicon-unchecked">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-unchecked
</span>
</li>
<li>
<span class="glyphicon glyphicon-upload">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-upload
</span>
</li>
<li>
<span class="glyphicon glyphicon-usd">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-usd
</span>
</li>
<li>
<span class="glyphicon glyphicon-user">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-user
</span>
</li>
<li>
<span class="glyphicon glyphicon-volume-down">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-volume-down
</span>
</li>
<li>
<span class="glyphicon glyphicon-volume-off">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-volume-off
</span>
</li>
<li>
<span class="glyphicon glyphicon-volume-up">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-volume-up
</span>
</li>
<li>
<span class="glyphicon glyphicon-warning-sign">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-warning-sign
</span>
</li>
<li>
<span class="glyphicon glyphicon-wrench">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-wrench
</span>
</li>
<li>
<span class="glyphicon glyphicon-zoom-in">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-zoom-in
</span>
</li>
<li>
<span class="glyphicon glyphicon-zoom-out">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-zoom-out
</span>
</li>
</ul>
<header class="content-header">
<h2 class="title">
Available Causeway Custom Built Icons
</h2>
</header>
<ul class="icon-list">
<li>
<span class="glyphicon glyphicon-pagination-first">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-pagination-first
</span>
</li>
<li>
<span class="glyphicon glyphicon-pagination-prev">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-pagination-prev
</span>
</li>
<li>
<span class="glyphicon glyphicon-pagination-next">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-pagination-next
</span>
</li>
<li>
<span class="glyphicon glyphicon-pagination-last">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-pagination-last
</span>
</li>
<li>
<span class="glyphicon glyphicon-threeLine-menu">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-threeLine-menu
</span>
</li>
<li>
<span class="glyphicon glyphicon-tree-plus">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-tree-plus
</span>
</li>
<li>
<span class="glyphicon glyphicon-tree-minus">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-tree-minus
</span>
</li>
<li>
<span class="glyphicon glyphicon-notification">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-notification
</span>
</li>
<li>
<span class="glyphicon glyphicon-close">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-close
</span>
</li>
<li>
<span class="glyphicon glyphicon-thick-tick">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-thick-tick
</span>
</li>
<li>
<span class="glyphicon glyphicon-caret-up">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-caret-up
</span>
</li>
<li>
<span class="glyphicon glyphicon-caret-down">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-caret-down
</span>
</li>
<li>
<span class="glyphicon glyphicon-caret-left">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-caret-left
</span>
</li>
<li>
<span class="glyphicon glyphicon-caret-right">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-caret-right
</span>
</li>
<li>
<span class="glyphicon glyphicon-circle">
</span>
<span class="glyphicon-class">
.glyphicon .glyphicon-circle
</span>
</li>
</ul>
</section>
</div>
</div>