Icons Tutorial
Icons Introduction
Font Awesome 5
Font Awesome 5 Intro Accessibility Icons Animals Icons Arrows Icons Audio & Video Icons Automotive Icons Autumn Icons Brands Icons Buildings Icons Business Icons Charity Icons Chat Icons Chess Icons Code Icons Communication Icons Computers Icons Currency Icons Date & Time Icons Design Icons Editors Icons Education Icons Emoji Icons Files Icons Food Icons Genders Icons Halloween Icons Hands Icons Health Icons Holiday Icons Images Icons Interfaces Icons Logistics Icons Marketing Icons Mathematics Icons Medical Icons Moving Icons Political Icons Religion Icons Shapes Icons Spinners Icons Sports Icons Tabletop Gaming Icons Travel Icons Users & People Icons Vehicles Icons Weather Icons Winter Icons Writing Icons
Font Awesome 4
Font Awesome 4 Intro Accessibility Icons Brand Icons Chart Icons Currency Icons Directional Icons File Type Icons Form Control Icons Gender Icons Hand Icons Medical Icons Payment Icons Spinner Icons Text Editor Icons Transportation Icons Video Player Icons Web Application Icons
Bootstrap 3
BS Glyphicons
Google
Google Icons Intro Action Icons Alert Icons AV Icons Communication Icons Content Icons Device Icons Editor Icons File Icons Hardware Icons Image Icons Maps Icons Navigation Icons Notification Icons Places Icons Social Icons Toggle Icons

Bootstrap Glyphicons

Bootstrap Icons

To use the Bootstrap 3 Glyphicons, add the following line inside the <head> section of your HTML page:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> </head> <body> <span class="glyphicon glyphicon-envelope"></span> <span class="glyphicon glyphicon-qrcode"></span> <span class="glyphicon glyphicon-send"></span> <span class="glyphicon glyphicon-star-empty"></span> </body> </html>
Run code

You can place Bootstrap icons just about anywhere using the prefix glyphicon and the icon's name.

The following table shows all Bootstrap Glyphicons:

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

To learn more about Bootstrap, visit our Bootstrap Tutorial.