"Basic Glyphicons Example"
Bootstrap 3.0.0 Snippet by mwood073

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style> .select-font{ display: block; font-family: 'Glyphicons Halflings'; font-size:24px; height: 20px; width: 20px; } .seticon:before{ content: "\e139"; } </style> <div class="container"> <h1 class="page-header">icons</h1> <h4>icon by class name</h4> <span class="glyphicon glyphicon-user"></span> <h4>icon using content property</h4> <span class='select-font seticon'></span> <h4>icon using utf-8 charecter code</h4> <span class='select-font'></span> <h1 class="page-header">list of class, style and unicode code</h1> <ul> <h3>class, style and unicode for icon</h3> <li> <span class="glyphicon glyphicon-asterisk"></span> <span class="info">glyphicon glyphicon-asterisk</span> <span class="info">content: "\2a"</span> <span class="info">&#x2a;</span> </li> <li> <span class="glyphicon glyphicon-plus"></span> <span class="info">glyphicon glyphicon-plus</span> <span class="info">content: "\2b"</span> <span class="info">&#x2b;</span> </li> <li> <span class="glyphicon glyphicon-euro"></span> <span class="info">glyphicon glyphicon-euro</span> <span class="info">content: "\20ac"</span> <span class="info">&#x20ac;</span> </li> <li> <span class="glyphicon glyphicon-minus"></span> <span class="info">glyphicon glyphicon-minus</span> <span class="info">content: "\2212"</span> <span class="info">&#x2212;</span> </li> <li> <span class="glyphicon glyphicon-cloud"></span> <span class="info">glyphicon glyphicon-cloud</span> <span class="info">content: "\2601"</span> <span class="info">&#x2601;</span> </li> <li> <span class="glyphicon glyphicon-envelope"></span> <span class="info">glyphicon glyphicon-envelope</span> <span class="info">content: "\2709"</span> <span class="info">&#x2709;</span> </li> <li> <span class="glyphicon glyphicon-pencil"></span> <span class="info">glyphicon glyphicon-pencil</span> <span class="info">content: "\270f"</span> <span class="info">&#x270f;</span> </li> <li> <span class="glyphicon glyphicon-glass"></span> <span class="info">glyphicon glyphicon-glass</span> <span class="info">content: "\e001"</span> <span class="info">&#xe001;</span> </li> <li> <span class="glyphicon glyphicon-music"></span> <span class="info">glyphicon glyphicon-music</span> <span class="info">content: "\e002"</span> <span class="info">&#xe002;</span> </li> <li> <span class="glyphicon glyphicon-search"></span> <span class="info">glyphicon glyphicon-search</span> <span class="info">content: "\e003"</span> <span class="info">&#xe003;</span> </li> <li> <span class="glyphicon glyphicon-heart"></span> <span class="info">glyphicon glyphicon-heart</span> <span class="info">content: "\e005"</span> <span class="info">&#xe005;</span> </li> <li> <span class="glyphicon glyphicon-star"></span> <span class="info">glyphicon glyphicon-star</span> <span class="info">content: "\e006"</span> <span class="info">&#xe006;</span> </li> <li> <span class="glyphicon glyphicon-star-empty"></span> <span class="info">glyphicon glyphicon-star-empty</span> <span class="info">content: "\e007"</span> <span class="info">&#xe007;</span> </li> <li> <span class="glyphicon glyphicon-user"></span> <span class="info">glyphicon glyphicon-user</span> <span class="info">content: "\e008"</span> <span class="info">&#xe008;</span> </li> <li> <span class="glyphicon glyphicon-film"></span> <span class="info">glyphicon glyphicon-film</span> <span class="info">content: "\e009"</span> <span class="info">&#xe009;</span> </li> <li> <span class="glyphicon glyphicon-th-large"></span> <span class="info">glyphicon glyphicon-th-large</span> <span class="info">content: "\e010"</span> <span class="info">&#xe010;</span> </li> <li> <span class="glyphicon glyphicon-th"></span> <span class="info">glyphicon glyphicon-th</span> <span class="info">content: "\e011"</span> <span class="info">&#xe011;</span> </li> <li> <span class="glyphicon glyphicon-th-list"></span> <span class="info">glyphicon glyphicon-th-list</span> <span class="info">content: "\e012"</span> <span class="info">&#xe012;</span> </li> <li> <span class="glyphicon glyphicon-ok"></span> <span class="info">glyphicon glyphicon-ok</span> <span class="info">content: "\e013"</span> <span class="info">&#xe013;</span> </li> <li> <span class="glyphicon glyphicon-remove"></span> <span class="info">glyphicon glyphicon-remove</span> <span class="info">content: "\e014"</span> <span class="info">&#xe014;</span> </li> <li> <span class="glyphicon glyphicon-zoom-in"></span> <span class="info">glyphicon glyphicon-zoom-in</span> <span class="info">content: "\e015"</span> <span class="info">&#xe015;</span> </li> <li> <span class="glyphicon glyphicon-zoom-out"></span> <span class="info">glyphicon glyphicon-zoom-out</span> <span class="info">content: "\e016"</span> <span class="info">&#xe016;</span> </li> <li> <span class="glyphicon glyphicon-off"></span> <span class="info">glyphicon glyphicon-off</span> <span class="info">content: "\e017"</span> <span class="info">&#xe017;</span> </li> <li> <span class="glyphicon glyphicon-signal"></span> <span class="info">glyphicon glyphicon-signal</span> <span class="info">content: "\e018"</span> <span class="info">&#xe018;</span> </li> <li> <span class="glyphicon glyphicon-cog"></span> <span class="info">glyphicon glyphicon-cog</span> <span class="info">content: "\e019"</span> <span class="info">&#xe019;</span> </li> <li> <span class="glyphicon glyphicon-trash"></span> <span class="info">glyphicon glyphicon-trash</span> <span class="info">content: "\e020"</span> <span class="info">&#xe020;</span> </li> <li> <span class="glyphicon glyphicon-home"></span> <span class="info">glyphicon glyphicon-home</span> <span class="info">content: "\e021"</span> <span class="info">&#xe021;</span> </li> <li> <span class="glyphicon glyphicon-file"></span> <span class="info">glyphicon glyphicon-file</span> <span class="info">content: "\e022"</span> <span class="info">&#xe022;</span> </li> <li> <span class="glyphicon glyphicon-time"></span> <span class="info">glyphicon glyphicon-time</span> <span class="info">content: "\e023"</span> <span class="info">&#xe023;</span> </li> <li> <span class="glyphicon glyphicon-road"></span> <span class="info">glyphicon glyphicon-road</span> <span class="info">content: "\e024"</span> <span class="info">&#xe024;</span> </li> <li> <span class="glyphicon glyphicon-download-alt"></span> <span class="info">glyphicon glyphicon-download-alt</span> <span class="info">content: "\e025"</span> <span class="info">&#xe025;</span> </li> <li> <span class="glyphicon glyphicon-download"></span> <span class="info">glyphicon glyphicon-download</span> <span class="info">content: "\e026"</span> <span class="info">&#xe026;</span> </li> <li> <span class="glyphicon glyphicon-upload"></span> <span class="info">glyphicon glyphicon-upload</span> <span class="info">content: "\e027"</span> <span class="info">&#xe027;</span> </li> <li> <span class="glyphicon glyphicon-inbox"></span> <span class="info">glyphicon glyphicon-inbox</span> <span class="info">content: "\e028"</span> <span class="info">&#xe028;</span> </li> <li> <span class="glyphicon glyphicon-play-circle"></span> <span class="info">glyphicon glyphicon-play-circle</span> <span class="info">content: "\e029"</span> <span class="info">&#xe029;</span> </li> <li> <span class="glyphicon glyphicon-repeat"></span> <span class="info">glyphicon glyphicon-repeat</span> <span class="info">content: "\e030"</span> <span class="info">&#xe030;</span> </li> <li> <span class="glyphicon glyphicon-refresh"></span> <span class="info">glyphicon glyphicon-refresh</span> <span class="info">content: "\e031"</span> <span class="info">&#xe031;</span> </li> <li> <span class="glyphicon glyphicon-list-alt"></span> <span class="info">glyphicon glyphicon-list-alt</span> <span class="info">content: "\e032"</span> <span class="info">&#xe032;</span> </li> <li> <span class="glyphicon glyphicon-lock"></span> <span class="info">glyphicon glyphicon-lock</span> <span class="info">content: "\e033"</span> <span class="info">&#xe033;</span> </li> <li> <span class="glyphicon glyphicon-flag"></span> <span class="info">glyphicon glyphicon-flag</span> <span class="info">content: "\e034"</span> <span class="info">&#xe034;</span> </li> <li> <span class="glyphicon glyphicon-headphones"></span> <span class="info">glyphicon glyphicon-headphones</span> <span class="info">content: "\e035"</span> <span class="info">&#xe035;</span> </li> <li> <span class="glyphicon glyphicon-volume-off"></span> <span class="info">glyphicon glyphicon-volume-off</span> <span class="info">content: "\e036"</span> <span class="info">&#xe036;</span> </li> <li> <span class="glyphicon glyphicon-volume-down"></span> <span class="info">glyphicon glyphicon-volume-down</span> <span class="info">content: "\e037"</span> <span class="info">&#xe037;</span> </li> <li> <span class="glyphicon glyphicon-volume-up"></span> <span class="info">glyphicon glyphicon-volume-up</span> <span class="info">content: "\e038"</span> <span class="info">&#xe038;</span> </li> <li> <span class="glyphicon glyphicon-qrcode"></span> <span class="info">glyphicon glyphicon-qrcode</span> <span class="info">content: "\e039"</span> <span class="info">&#xe039;</span> </li> <li> <span class="glyphicon glyphicon-barcode"></span> <span class="info">glyphicon glyphicon-barcode</span> <span class="info">content: "\e040"</span> <span class="info">&#xe040;</span> </li> <li> <span class="glyphicon glyphicon-tag"></span> <span class="info">glyphicon glyphicon-tag</span> <span class="info">content: "\e041"</span> <span class="info">&#xe041;</span> </li> <li> <span class="glyphicon glyphicon-tags"></span> <span class="info">glyphicon glyphicon-tags</span> <span class="info">content: "\e042"</span> <span class="info">&#xe042;</span> </li> <li> <span class="glyphicon glyphicon-book"></span> <span class="info">glyphicon glyphicon-book</span> <span class="info">content: "\e043"</span> <span class="info">&#xe043;</span> </li> <li> <span class="glyphicon glyphicon-bookmark"></span> <span class="info">glyphicon glyphicon-bookmark</span> <span class="info">content: "\e044"</span> <span class="info">&#xe044;</span> </li> <li> <span class="glyphicon glyphicon-print"></span> <span class="info">glyphicon glyphicon-print</span> <span class="info">content: "\e045"</span> <span class="info">&#xe045;</span> </li> <li> <span class="glyphicon glyphicon-camera"></span> <span class="info">glyphicon glyphicon-camera</span> <span class="info">content: "\e046"</span> <span class="info">&#xe046;</span> </li> <li> <span class="glyphicon glyphicon-font"></span> <span class="info">glyphicon glyphicon-font</span> <span class="info">content: "\e047"</span> <span class="info">&#xe047;</span> </li> <li> <span class="glyphicon glyphicon-bold"></span> <span class="info">glyphicon glyphicon-bold</span> <span class="info">content: "\e048"</span> <span class="info">&#xe048;</span> </li> <li> <span class="glyphicon glyphicon-italic"></span> <span class="info">glyphicon glyphicon-italic</span> <span class="info">content: "\e049"</span> <span class="info">&#xe049;</span> </li> <li> <span class="glyphicon glyphicon-text-height"></span> <span class="info">glyphicon glyphicon-text-height</span> <span class="info">content: "\e050"</span> <span class="info">&#xe050;</span> </li> <li> <span class="glyphicon glyphicon-text-width"></span> <span class="info">glyphicon glyphicon-text-width</span> <span class="info">content: "\e051"</span> <span class="info">&#xe051;</span> </li> <li> <span class="glyphicon glyphicon-align-left"></span> <span class="info">glyphicon glyphicon-align-left</span> <span class="info">content: "\e052"</span> <span class="info">&#xe052;</span> </li> <li> <span class="glyphicon glyphicon-align-center"></span> <span class="info">glyphicon glyphicon-align-center</span> <span class="info">content: "\e053"</span> <span class="info">&#xe053;</span> </li> <li> <span class="glyphicon glyphicon-align-right"></span> <span class="info">glyphicon glyphicon-align-right</span> <span class="info">content: "\e054"</span> <span class="info">&#xe054;</span> </li> <li> <span class="glyphicon glyphicon-align-justify"></span> <span class="info">glyphicon glyphicon-align-justify</span> <span class="info">content: "\e055"</span> <span class="info">&#xe055;</span> </li> <li> <span class="glyphicon glyphicon-list"></span> <span class="info">glyphicon glyphicon-list</span> <span class="info">content: "\e056"</span> <span class="info">&#xe056;</span> </li> <li> <span class="glyphicon glyphicon-indent-left"></span> <span class="info">glyphicon glyphicon-indent-left</span> <span class="info">content: "\e057"</span> <span class="info">&#xe057;</span> </li> <li> <span class="glyphicon glyphicon-indent-right"></span> <span class="info">glyphicon glyphicon-indent-right</span> <span class="info">content: "\e058"</span> <span class="info">&#xe058;</span> </li> <li> <span class="glyphicon glyphicon-facetime-video"></span> <span class="info">glyphicon glyphicon-facetime-video</span> <span class="info">content: "\e059"</span> <span class="info">&#xe059;</span> </li> <li> <span class="glyphicon glyphicon-picture"></span> <span class="info">glyphicon glyphicon-picture</span> <span class="info">content: "\e060"</span> <span class="info">&#xe060;</span> </li> <li> <span class="glyphicon glyphicon-map-marker"></span> <span class="info">glyphicon glyphicon-map-marker</span> <span class="info">content: "\e062"</span> <span class="info">&#xe062;</span> </li> <li> <span class="glyphicon glyphicon-adjust"></span> <span class="info">glyphicon glyphicon-adjust</span> <span class="info">content: "\e063"</span> <span class="info">&#xe063;</span> </li> <li> <span class="glyphicon glyphicon-tint"></span> <span class="info">glyphicon glyphicon-tint</span> <span class="info">content: "\e064"</span> <span class="info">&#xe064;</span> </li> <li> <span class="glyphicon glyphicon-edit"></span> <span class="info">glyphicon glyphicon-edit</span> <span class="info">content: "\e065"</span> <span class="info">&#xe065;</span> </li> <li> <span class="glyphicon glyphicon-share"></span> <span class="info">glyphicon glyphicon-share</span> <span class="info">content: "\e066"</span> <span class="info">&#xe066;</span> </li> <li> <span class="glyphicon glyphicon-check"></span> <span class="info">glyphicon glyphicon-check</span> <span class="info">content: "\e067"</span> <span class="info">&#xe067;</span> </li> <li> <span class="glyphicon glyphicon-move"></span> <span class="info">glyphicon glyphicon-move</span> <span class="info">content: "\e068"</span> <span class="info">&#xe068;</span> </li> <li> <span class="glyphicon glyphicon-step-backward"></span> <span class="info">glyphicon glyphicon-step-backward</span> <span class="info">content: "\e069"</span> <span class="info">&#xe069;</span> </li> <li> <span class="glyphicon glyphicon-fast-backward"></span> <span class="info">glyphicon glyphicon-fast-backward</span> <span class="info">content: "\e070"</span> <span class="info">&#xe070;</span> </li> <li> <span class="glyphicon glyphicon-backward"></span> <span class="info">glyphicon glyphicon-backward</span> <span class="info">content: "\e071"</span> <span class="info">&#xe071;</span> </li> <li> <span class="glyphicon glyphicon-play"></span> <span class="info">glyphicon glyphicon-play</span> <span class="info">content: "\e072"</span> <span class="info">&#xe072;</span> </li> <li> <span class="glyphicon glyphicon-pause"></span> <span class="info">glyphicon glyphicon-pause</span> <span class="info">content: "\e073"</span> <span class="info">&#xe073;</span> </li> <li> <span class="glyphicon glyphicon-stop"></span> <span class="info">glyphicon glyphicon-stop</span> <span class="info">content: "\e074"</span> <span class="info">&#xe074;</span> </li> <li> <span class="glyphicon glyphicon-forward"></span> <span class="info">glyphicon glyphicon-forward</span> <span class="info">content: "\e075"</span> <span class="info">&#xe075;</span> </li> <li> <span class="glyphicon glyphicon-fast-forward"></span> <span class="info">glyphicon glyphicon-fast-forward</span> <span class="info">content: "\e076"</span> <span class="info">&#xe076;</span> </li> <li> <span class="glyphicon glyphicon-step-forward"></span> <span class="info">glyphicon glyphicon-step-forward</span> <span class="info">content: "\e077"</span> <span class="info">&#xe077;</span> </li> <li> <span class="glyphicon glyphicon-eject"></span> <span class="info">glyphicon glyphicon-eject</span> <span class="info">content: "\e078"</span> <span class="info">&#xe078;</span> </li> <li> <span class="glyphicon glyphicon-chevron-left"></span> <span class="info">glyphicon glyphicon-chevron-left</span> <span class="info">content: "\e079"</span> <span class="info">&#xe079;</span> </li> <li> <span class="glyphicon glyphicon-chevron-right"></span> <span class="info">glyphicon glyphicon-chevron-right</span> <span class="info">content: "\e080"</span> <span class="info">&#xe080;</span> </li> <li> <span class="glyphicon glyphicon-plus-sign"></span> <span class="info">glyphicon glyphicon-plus-sign</span> <span class="info">content: "\e081"</span> <span class="info">&#xe081;</span> </li> <li> <span class="glyphicon glyphicon-minus-sign"></span> <span class="info">glyphicon glyphicon-minus-sign</span> <span class="info">content: "\e082"</span> <span class="info">&#xe082;</span> </li> <li> <span class="glyphicon glyphicon-remove-sign"></span> <span class="info">glyphicon glyphicon-remove-sign</span> <span class="info">content: "\e083"</span> <span class="info">&#xe083;</span> </li> <li> <span class="glyphicon glyphicon-ok-sign"></span> <span class="info">glyphicon glyphicon-ok-sign</span> <span class="info">content: "\e084"</span> <span class="info">&#xe084;</span> </li> <li> <span class="glyphicon glyphicon-question-sign"></span> <span class="info">glyphicon glyphicon-question-sign</span> <span class="info">content: "\e085"</span> <span class="info">&#xe085;</span> </li> <li> <span class="glyphicon glyphicon-info-sign"></span> <span class="info">glyphicon glyphicon-info-sign</span> <span class="info">content: "\e086"</span> <span class="info">&#xe086;</span> </li> <li> <span class="glyphicon glyphicon-screenshot"></span> <span class="info">glyphicon glyphicon-screenshot</span> <span class="info">content: "\e087"</span> <span class="info">&#xe087;</span> </li> <li> <span class="glyphicon glyphicon-remove-circle"></span> <span class="info">glyphicon glyphicon-remove-circle</span> <span class="info">content: "\e088"</span> <span class="info">&#xe088;</span> </li> <li> <span class="glyphicon glyphicon-ok-circle"></span> <span class="info">glyphicon glyphicon-ok-circle</span> <span class="info">content: "\e089"</span> <span class="info">&#xe089;</span> </li> <li> <span class="glyphicon glyphicon-ban-circle"></span> <span class="info">glyphicon glyphicon-ban-circle</span> <span class="info">content: "\e090"</span> <span class="info">&#xe090;</span> </li> <li> <span class="glyphicon glyphicon-arrow-left"></span> <span class="info">glyphicon glyphicon-arrow-left</span> <span class="info">content: "\e091"</span> <span class="info">&#xe091;</span> </li> <li> <span class="glyphicon glyphicon-arrow-right"></span> <span class="info">glyphicon glyphicon-arrow-right</span> <span class="info">content: "\e092"</span> <span class="info">&#xe092;</span> </li> <li> <span class="glyphicon glyphicon-arrow-up"></span> <span class="info">glyphicon glyphicon-arrow-up</span> <span class="info">content: "\e093"</span> <span class="info">&#xe093;</span> </li> <li> <span class="glyphicon glyphicon-arrow-down"></span> <span class="info">glyphicon glyphicon-arrow-down</span> <span class="info">content: "\e094"</span> <span class="info">&#xe094;</span> </li> <li> <span class="glyphicon glyphicon-share-alt"></span> <span class="info">glyphicon glyphicon-share-alt</span> <span class="info">content: "\e095"</span> <span class="info">&#xe095;</span> </li> <li> <span class="glyphicon glyphicon-resize-full"></span> <span class="info">glyphicon glyphicon-resize-full</span> <span class="info">content: "\e096"</span> <span class="info">&#xe096;</span> </li> <li> <span class="glyphicon glyphicon-resize-small"></span> <span class="info">glyphicon glyphicon-resize-small</span> <span class="info">content: "\e097"</span> <span class="info">&#xe097;</span> </li> <li> <span class="glyphicon glyphicon-exclamation-sign"></span> <span class="info">glyphicon glyphicon-exclamation-sign</span> <span class="info">content: "\e101"</span> <span class="info">&#xe101;</span> </li> <li> <span class="glyphicon glyphicon-gift"></span> <span class="info">glyphicon glyphicon-gift</span> <span class="info">content: "\e102"</span> <span class="info">&#xe102;</span> </li> <li> <span class="glyphicon glyphicon-leaf"></span> <span class="info">glyphicon glyphicon-leaf</span> <span class="info">content: "\e103"</span> <span class="info">&#xe103;</span> </li> <li> <span class="glyphicon glyphicon-fire"></span> <span class="info">glyphicon glyphicon-fire</span> <span class="info">content: "\e104"</span> <span class="info">&#xe104;</span> </li> <li> <span class="glyphicon glyphicon-eye-open"></span> <span class="info">glyphicon glyphicon-eye-open</span> <span class="info">content: "\e105"</span> <span class="info">&#xe105;</span> </li> <li> <span class="glyphicon glyphicon-eye-close"></span> <span class="info">glyphicon glyphicon-eye-close</span> <span class="info">content: "\e106"</span> <span class="info">&#xe106;</span> </li> <li> <span class="glyphicon glyphicon-warning-sign"></span> <span class="info">glyphicon glyphicon-warning-sign</span> <span class="info">content: "\e107"</span> <span class="info">&#xe107;</span> </li> <li> <span class="glyphicon glyphicon-plane"></span> <span class="info">glyphicon glyphicon-plane</span> <span class="info">content: "\e108"</span> <span class="info">&#xe108;</span> </li> <li> <span class="glyphicon glyphicon-calendar"></span> <span class="info">glyphicon glyphicon-calendar</span> <span class="info">content: "\e109"</span> <span class="info">&#xe109;</span> </li> <li> <span class="glyphicon glyphicon-random"></span> <span class="info">glyphicon glyphicon-random</span> <span class="info">content: "\e110"</span> <span class="info">&#xe110;</span> </li> <li> <span class="glyphicon glyphicon-comment"></span> <span class="info">glyphicon glyphicon-comment</span> <span class="info">content: "\e111"</span> <span class="info">&#xe111;</span> </li> <li> <span class="glyphicon glyphicon-magnet"></span> <span class="info">glyphicon glyphicon-magnet</span> <span class="info">content: "\e112"</span> <span class="info">&#xe112;</span> </li> <li> <span class="glyphicon glyphicon-chevron-up"></span> <span class="info">glyphicon glyphicon-chevron-up</span> <span class="info">content: "\e113"</span> <span class="info">&#xe113;</span> </li> <li> <span class="glyphicon glyphicon-chevron-down"></span> <span class="info">glyphicon glyphicon-chevron-down</span> <span class="info">content: "\e114"</span> <span class="info">&#xe114;</span> </li> <li> <span class="glyphicon glyphicon-retweet"></span> <span class="info">glyphicon glyphicon-retweet</span> <span class="info">content: "\e115"</span> <span class="info">&#xe115;</span> </li> <li> <span class="glyphicon glyphicon-shopping-cart"></span> <span class="info">glyphicon glyphicon-shopping-cart</span> <span class="info">content: "\e116"</span> <span class="info">&#xe116;</span> </li> <li> <span class="glyphicon glyphicon-folder-close"></span> <span class="info">glyphicon glyphicon-folder-close</span> <span class="info">content: "\e117"</span> <span class="info">&#xe117;</span> </li> <li> <span class="glyphicon glyphicon-folder-open"></span> <span class="info">glyphicon glyphicon-folder-open</span> <span class="info">content: "\e118"</span> <span class="info">&#xe118;</span> </li> <li> <span class="glyphicon glyphicon-resize-vertical"></span> <span class="info">glyphicon glyphicon-resize-vertical</span> <span class="info">content: "\e119"</span> <span class="info">&#xe119;</span> </li> <li> <span class="glyphicon glyphicon-resize-horizontal"></span> <span class="info">glyphicon glyphicon-resize-horizontal</span> <span class="info">content: "\e120"</span> <span class="info">&#xe120;</span> </li> <li> <span class="glyphicon glyphicon-hdd"></span> <span class="info">glyphicon glyphicon-hdd</span> <span class="info">content: "\e121"</span> <span class="info">&#xe121;</span> </li> <li> <span class="glyphicon glyphicon-bullhorn"></span> <span class="info">glyphicon glyphicon-bullhorn</span> <span class="info">content: "\e122"</span> <span class="info">&#xe122;</span> </li> <li> <span class="glyphicon glyphicon-bell"></span> <span class="info">glyphicon glyphicon-bell</span> <span class="info">content: "\e123"</span> <span class="info">&#xe123;</span> </li> <li> <span class="glyphicon glyphicon-certificate"></span> <span class="info">glyphicon glyphicon-certificate</span> <span class="info">content: "\e124"</span> <span class="info">&#xe124;</span> </li> <li> <span class="glyphicon glyphicon-thumbs-up"></span> <span class="info">glyphicon glyphicon-thumbs-up</span> <span class="info">content: "\e125"</span> <span class="info">&#xe125;</span> </li> <li> <span class="glyphicon glyphicon-thumbs-down"></span> <span class="info">glyphicon glyphicon-thumbs-down</span> <span class="info">content: "\e126"</span> <span class="info">&#xe126;</span> </li> <li> <span class="glyphicon glyphicon-hand-right"></span> <span class="info">glyphicon glyphicon-hand-right</span> <span class="info">content: "\e127"</span> <span class="info">&#xe127;</span> </li> <li> <span class="glyphicon glyphicon-hand-left"></span> <span class="info">glyphicon glyphicon-hand-left</span> <span class="info">content: "\e128"</span> <span class="info">&#xe128;</span> </li> <li> <span class="glyphicon glyphicon-hand-up"></span> <span class="info">glyphicon glyphicon-hand-up</span> <span class="info">content: "\e129"</span> <span class="info">&#xe129;</span> </li> <li> <span class="glyphicon glyphicon-hand-down"></span> <span class="info">glyphicon glyphicon-hand-down</span> <span class="info">content: "\e130"</span> <span class="info">&#xe130;</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-right"></span> <span class="info">glyphicon glyphicon-circle-arrow-right</span> <span class="info">content: "\e131"</span> <span class="info">&#xe131;</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-left"></span> <span class="info">glyphicon glyphicon-circle-arrow-left</span> <span class="info">content: "\e132"</span> <span class="info">&#xe132;</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-up"></span> <span class="info">glyphicon glyphicon-circle-arrow-up</span> <span class="info">content: "\e133"</span> <span class="info">&#xe133;</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-down"></span> <span class="info">glyphicon glyphicon-circle-arrow-down</span> <span class="info">content: "\e134"</span> <span class="info">&#xe134;</span> </li> <li> <span class="glyphicon glyphicon-globe"></span> <span class="info">glyphicon glyphicon-globe</span> <span class="info">content: "\e135"</span> <span class="info">&#xe135;</span> </li> <li> <span class="glyphicon glyphicon-wrench"></span> <span class="info">glyphicon glyphicon-wrench</span> <span class="info">content: "\e136"</span> <span class="info">&#xe136;</span> </li> <li> <span class="glyphicon glyphicon-tasks"></span> <span class="info">glyphicon glyphicon-tasks</span> <span class="info">content: "\e137"</span> <span class="info">&#xe137;</span> </li> <li> <span class="glyphicon glyphicon-filter"></span> <span class="info">glyphicon glyphicon-filter</span> <span class="info">content: "\e138"</span> <span class="info">&#xe138;</span> </li> <li> <span class="glyphicon glyphicon-briefcase"></span> <span class="info">glyphicon glyphicon-briefcase</span> <span class="info">content: "\e139"</span> <span class="info">&#xe139;</span> </li> <li> <span class="glyphicon glyphicon-fullscreen"></span> <span class="info">glyphicon glyphicon-fullscreen</span> <span class="info">content: "\e140"</span> <span class="info">&#xe140;</span> </li> <li> <span class="glyphicon glyphicon-dashboard"></span> <span class="info">glyphicon glyphicon-dashboard</span> <span class="info">content: "\e141"</span> <span class="info">&#xe141;</span> </li> <li> <span class="glyphicon glyphicon-paperclip"></span> <span class="info">glyphicon glyphicon-paperclip</span> <span class="info">content: "\e142"</span> <span class="info">&#xe142;</span> </li> <li> <span class="glyphicon glyphicon-heart-empty"></span> <span class="info">glyphicon glyphicon-heart-empty</span> <span class="info">content: "\e143"</span> <span class="info">&#xe143;</span> </li> <li> <span class="glyphicon glyphicon-link"></span> <span class="info">glyphicon glyphicon-link</span> <span class="info">content: "\e144"</span> <span class="info">&#xe144;</span> </li> <li> <span class="glyphicon glyphicon-phone"></span> <span class="info">glyphicon glyphicon-phone</span> <span class="info">content: "\e145"</span> <span class="info">&#xe145;</span> </li> <li> <span class="glyphicon glyphicon-pushpin"></span> <span class="info">glyphicon glyphicon-pushpin</span> <span class="info">content: "\e146"</span> <span class="info">&#xe146;</span> </li> <li> <span class="glyphicon glyphicon-usd"></span> <span class="info">glyphicon glyphicon-usd</span> <span class="info">content: "\e148"</span> <span class="info">&#xe148;</span> </li> <li> <span class="glyphicon glyphicon-gbp"></span> <span class="info">glyphicon glyphicon-gbp</span> <span class="info">content: "\e149"</span> <span class="info">&#xe149;</span> </li> <li> <span class="glyphicon glyphicon-sort"></span> <span class="info">glyphicon glyphicon-sort</span> <span class="info">content: "\e150"</span> <span class="info">&#xe150;</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet"></span> <span class="info">glyphicon glyphicon-sort-by-alphabet</span> <span class="info">content: "\e151"</span> <span class="info">&#xe151;</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span> <span class="info">glyphicon glyphicon-sort-by-alphabet-alt</span> <span class="info">content: "\e152"</span> <span class="info">&#xe152;</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order"></span> <span class="info">glyphicon glyphicon-sort-by-order</span> <span class="info">content: "\e153"</span> <span class="info">&#xe153;</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order-alt"></span> <span class="info">glyphicon glyphicon-sort-by-order-alt</span> <span class="info">content: "\e154"</span> <span class="info">&#xe154;</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes"></span> <span class="info">glyphicon glyphicon-sort-by-attributes</span> <span class="info">content: "\e155"</span> <span class="info">&#xe155;</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> <span class="info">glyphicon glyphicon-sort-by-attributes-alt</span> <span class="info">content: "\e156"</span> <span class="info">&#xe156;</span> </li> <li> <span class="glyphicon glyphicon-unchecked"></span> <span class="info">glyphicon glyphicon-unchecked</span> <span class="info">content: "\e157"</span> <span class="info">&#xe157;</span> </li> <li> <span class="glyphicon glyphicon-expand"></span> <span class="info">glyphicon glyphicon-expand</span> <span class="info">content: "\e158"</span> <span class="info">&#xe158;</span> </li> <li> <span class="glyphicon glyphicon-collapse-down"></span> <span class="info">glyphicon glyphicon-collapse-down</span> <span class="info">content: "\e159"</span> <span class="info">&#xe159;</span> </li> <li> <span class="glyphicon glyphicon-collapse-up"></span> <span class="info">glyphicon glyphicon-collapse-up</span> <span class="info">content: "\e160"</span> <span class="info">&#xe160;</span> </li> <li> <span class="glyphicon glyphicon-log-in"></span> <span class="info">glyphicon glyphicon-log-in</span> <span class="info">content: "\e161"</span> <span class="info">&#xe161;</span> </li> <li> <span class="glyphicon glyphicon-flash"></span> <span class="info">glyphicon glyphicon-flash</span> <span class="info"></span> <span class="info">content: "\e162"</span> <span class="info">&#xe162;</span> </li> <li> <span class="glyphicon glyphicon-log-out"></span> <span class="info">glyphicon glyphicon-log-out</span> <span class="info"></span> <span class="info">content: "\e163"</span> <span class="info">&#xe163;</span> </li> <li> <span class="glyphicon glyphicon-new-window"></span> <span class="info">glyphicon glyphicon-new-window</span> <span class="info"></span> <span class="info">content: "\e164"</span> <span class="info">&#xe164;</span> </li> <li> <span class="glyphicon glyphicon-record"></span> <span class="info">glyphicon glyphicon-record</span> <span class="info"></span> <span class="info">content: "\e165"</span> <span class="info">&#xe165;</span> </li> <li> <span class="glyphicon glyphicon-save"></span> <span class="info">glyphicon glyphicon-save</span> <span class="info"></span> <span class="info">content: "\e166"</span> <span class="info">&#xe166;</span> </li> <li> <span class="glyphicon glyphicon-open"></span> <span class="info">glyphicon glyphicon-open</span> <span class="info"></span> <span class="info">content: "\e167"</span> <span class="info">&#xe167;</span> </li> <li> <span class="glyphicon glyphicon-saved"></span> <span class="info">glyphicon glyphicon-saved</span> <span class="info"></span> <span class="info">content: "\e168"</span> <span class="info">&#xe168;</span> </li> <li> <span class="glyphicon glyphicon-import"></span> <span class="info">glyphicon glyphicon-import</span> <span class="info"></span> <span class="info">content: "\e169"</span> <span class="info">&#xe169;</span> </li> <li> <span class="glyphicon glyphicon-export"></span> <span class="info">glyphicon glyphicon-export</span> <span class="info"></span> <span class="info">content: "\e170"</span> <span class="info">&#xe170;</span> </li> <li> <span class="glyphicon glyphicon-send"></span> <span class="info">glyphicon glyphicon-send</span> <span class="info"></span> <span class="info">content: "\e171"</span> <span class="info">&#xe171;</span> </li> <li> <span class="glyphicon glyphicon-floppy-disk"></span> <span class="info">glyphicon glyphicon-floppy-disk</span> <span class="info"></span> <span class="info">content: "\e172"</span> <span class="info">&#xe172;</span> </li> <li> <span class="glyphicon glyphicon-floppy-saved"></span> <span class="info">glyphicon glyphicon-floppy-saved</span> <span class="info"></span> <span class="info">content: "\e173"</span> <span class="info">&#xe173;</span> </li> <li> <span class="glyphicon glyphicon-floppy-remove"></span> <span class="info">glyphicon glyphicon-floppy-remove</span> <span class="info"></span> <span class="info">content: "\e174"</span> <span class="info">&#xe174;</span> </li> <li> <span class="glyphicon glyphicon-floppy-save"></span> <span class="info">glyphicon glyphicon-floppy-save</span> <span class="info"></span> <span class="info">content: "\e175"</span> <span class="info">&#xe175;</span> </li> <li> <span class="glyphicon glyphicon-floppy-open"></span> <span class="info">glyphicon glyphicon-floppy-open</span> <span class="info"></span> <span class="info">content: "\e176"</span> <span class="info">&#xe176;</span> </li> <li> <span class="glyphicon glyphicon-credit-card"></span> <span class="info">glyphicon glyphicon-credit-card</span> <span class="info"></span> <span class="info">content: "\e177"</span> <span class="info">&#xe177;</span> </li> <li> <span class="glyphicon glyphicon-transfer"></span> <span class="info">glyphicon glyphicon-transfer</span> <span class="info"></span> <span class="info">content: "\e178"</span> <span class="info">&#xe178;</span> </li> <li> <span class="glyphicon glyphicon-cutlery"></span> <span class="info">glyphicon glyphicon-cutlery</span> <span class="info"></span> <span class="info">content: "\e179"</span> <span class="info">&#xe179;</span> </li> <li> <span class="glyphicon glyphicon-header"></span> <span class="info">glyphicon glyphicon-header</span> <span class="info"></span> <span class="info">content: "\e180"</span> <span class="info">&#xe180;</span> </li> <li> <span class="glyphicon glyphicon-compressed"></span> <span class="info">glyphicon glyphicon-compressed</span> <span class="info"></span> <span class="info">content: "\e181"</span> <span class="info">&#xe181;</span> </li> <li> <span class="glyphicon glyphicon-earphone"></span> <span class="info">glyphicon glyphicon-earphone</span> <span class="info"></span> <span class="info">content: "\e182"</span> <span class="info">&#xe182;</span> </li> <li> <span class="glyphicon glyphicon-phone-alt"></span> <span class="info">glyphicon glyphicon-phone-alt</span> <span class="info"></span> <span class="info">content: "\e183"</span> <span class="info">&#xe183;</span> </li> <li> <span class="glyphicon glyphicon-tower"></span> <span class="info">glyphicon glyphicon-tower</span> <span class="info"></span> <span class="info">content: "\e184"</span> <span class="info">&#xe184;</span> </li> <li> <span class="glyphicon glyphicon-stats"></span> <span class="info">glyphicon glyphicon-stats</span> <span class="info"></span> <span class="info">content: "\e185"</span> <span class="info">&#xe185;</span> </li> <li> <span class="glyphicon glyphicon-sd-video"></span> <span class="info">glyphicon glyphicon-sd-video</span> <span class="info"></span> <span class="info">content: "\e186"</span> <span class="info">&#xe186;</span> </li> <li> <span class="glyphicon glyphicon-hd-video"></span> <span class="info">glyphicon glyphicon-hd-video</span> <span class="info"></span> <span class="info">content: "\e187"</span> <span class="info">&#xe187;</span> </li> <li> <span class="glyphicon glyphicon-subtitles"></span> <span class="info">glyphicon glyphicon-subtitles</span> <span class="info"></span> <span class="info">content: "\e188"</span> <span class="info">&#xe188;</span> </li> <li> <span class="glyphicon glyphicon-sound-stereo"></span> <span class="info">glyphicon glyphicon-sound-stereo</span> <span class="info"></span> <span class="info">content: "\e189"</span> <span class="info">&#xe189;</span> </li> <li> <span class="glyphicon glyphicon-sound-dolby"></span> <span class="info">glyphicon glyphicon-sound-dolby</span> <span class="info"></span> <span class="info">content: "\e190"</span> <span class="info">&#xe190;</span> </li> <li> <span class="glyphicon glyphicon-sound-5-1"></span> <span class="info">glyphicon glyphicon-sound-5-1</span> <span class="info"></span> <span class="info">content: "\e191"</span> <span class="info">&#xe191;</span> </li> <li> <span class="glyphicon glyphicon-sound-6-1"></span> <span class="info">glyphicon glyphicon-sound-6-1</span> <span class="info"></span> <span class="info">content: "\e192"</span> <span class="info">&#xe192;</span> </li> <li> <span class="glyphicon glyphicon-sound-7-1"></span> <span class="info">glyphicon glyphicon-sound-7-1</span> <span class="info"></span> <span class="info">content: "\e193"</span> <span class="info">&#xe193;</span> </li> <li> <span class="glyphicon glyphicon-copyright-mark"></span> <span class="info">glyphicon glyphicon-copyright-mark</span> <span class="info"></span> <span class="info">content: "\e194"</span> <span class="info">&#xe194;</span> </li> <li> <span class="glyphicon glyphicon-registration-mark"></span> <span class="info">glyphicon glyphicon-registration-mark</span> <span class="info"></span> <span class="info">content: "\e195"</span> <span class="info">&#xe195;</span> </li> <li> <span class="glyphicon glyphicon-cloud-download"></span> <span class="info">glyphicon glyphicon-cloud-download</span> <span class="info"></span> <span class="info">content: "\e197"</span> <span class="info">&#xe197;</span> </li> <li> <span class="glyphicon glyphicon-cloud-upload"></span> <span class="info">glyphicon glyphicon-cloud-upload</span> <span class="info"></span> <span class="info">content: "\e198"</span> <span class="info">&#xe198;</span> </li> <li> <span class="glyphicon glyphicon-tree-conifer"></span> <span class="info">glyphicon glyphicon-tree-conifer</span> <span class="info"></span> <span class="info">content: "\e199"</span> <span class="info">&#xe199;</span> </li> <li> <span class="glyphicon glyphicon-tree-deciduous"></span> <span class="info">glyphicon glyphicon-tree-deciduous</span> <span class="info"></span> <span class="info">content: "\e200"</span> <span class="info">&#xe200;</span> </li> </ul> </div> <style> h4{ margin-top:50px; } ul{ list-style: outside none none; padding:14px; } li{ background-color: #2c3e50; border: 1px solid #fff; float: left; height: 101px; line-height: 1.4; padding: 6px 12px; width: 33%; color:white; } .glyphicon { font-size: 24px; } .info, .info-css, .info-unicode{ display:block; font-family: monospace; } </style>

Related: See More


Questions / Comments: