Skip to content

Icons

Migrated from here

Glyphicons

By default, Bootstrap framework includes glyphicons.

Example

The following HTML code, added to any Bootstrap page, will render a camera icon:

HTML Code

1
<span class="glyphicon glyphicon-camera"></span>

Output

Overview


Usage in AppGini Helper Javascript Library

Functions accepting an icon will automatically prepend " glyphicon glyphicon- "-prefix.

If icon-class is glyphicon glyphicon-name , for example, just use name a parameter in this library's functions.

Example

If icon class is...

  • glyphicon glyphicon-camera

... then just use ...

  • AppGiniHelper.getCommon().setIcon("camera");

See also

Useful overviews which should help you finding the right (and available) glyphicon:

List of glyphicon names

  • asterisk asterisk
  • plus plus
  • euro euro
  • eur eur
  • minus minus
  • cloud cloud
  • envelope envelope
  • pencil pencil
  • glass glass
  • music music
  • search search
  • heart heart
  • star star
  • star empty star-empty
  • user user
  • film film
  • large th-large
  • th th
  • List th-list
  • OK ok
  • Remove remove
  • Zoom In zoom-in
  • Zoom Out zoom-out
  • OFF off
  • Signal signal
  • Cog cog
  • Trash trash
  • Home home
  • File file
  • Time time
  • Road road
  • Download Alt download-alt
  • Download download
  • Upload upload
  • Inbox inbox
  • Circle play-circle
  • Repeat repeat
  • Refresh refresh
  • List Alt list-alt
  • Lock lock
  • Flag flag
  • HeadPhones headphones
  • Volume Off volume-off
  • Volumne Down volume-down
  • Volume Up volume-up
  • QR Code qrcode
  • BarCode barcode
  • Tag tag
  • Tags tags
  • Book book
  • Bookmark bookmark
  • Print print
  • Camera camera
  • Font font
  • Bold bold
  • Italic italic
  • Text Height text-height
  • Text Width text-width
  • Align Left align-left
  • Align Center align-center
  • Align Right align-right
  • Align Justify align-justify
  • List list
  • Indent Left indent-left
  • Indent Right indent-right
  • Video facetime-video
  • Picture picture
  • Map Marker map-marker
  • Adjust adjust
  • Tint tint
  • Edit edit
  • Share share
  • Check check
  • Move move
  • Step Backward step-backward
  • Fast Backward fast-backward
  • Backward backward
  • Play play
  • Pause pause
  • Stop stop
  • Forward forward
  • Fast Forward fast-forward
  • Step Forward step-forward
  • Eject eject
  • Chevron Left chevron-left
  • Chevron Right chevron-right
  • Plus Sign plus-sign
  • Minus Sign minus-sign
  • Remove Sign remove-sign
  • OK Sign ok-sign
  • Question Sign question-sign
  • Info Sign info-sign
  • Screenshot screenshot
  • Remove Circle remove-circle
  • OK Circle ok-circle
  • Ban Circle ban-circle
  • Arrow Left arrow-left
  • Arrow Right arrow-right
  • Arrow Up arrow-up
  • Arrow Down arrow-down
  • Share Alt share-alt
  • Resize Full resize-full
  • Resize Small resize-small
  • Exclamation Sign exclamation-sign
  • Gift gift
  • Leaf leaf
  • Fire fire
  • Eye Open eye-open
  • Eye Close eye-close
  • Warning Sign warning-sign
  • Plane plane
  • Calendar calendar
  • Random random
  • Comment comment
  • Magnet magnet
  • Chevron Up chevron-up
  • Chevron Down chevron-down
  • Retweet retweet
  • Shopping Cart shopping-cart
  • Folder Close folder-close
  • Folder Open folder-open
  • Resize Vertical resize-vertical
  • Resize Horizontal resize-horizontal
  • Hard Disk hdd
  • Bull Horn bullhorn
  • Bell bell
  • Certificate certificate
  • Thumbs Up thumbs-up
  • Thumbs Down thumbs-down
  • Hand Right hand-right
  • Hand Left hand-left
  • Hand Up hand-up
  • Hand Down hand-down
  • Circle Arrow Right circle-arrow-right
  • Circle Arrow Left circle-arrow-left
  • Circle Arrow Up circle-arrow-up
  • Circle Arrow Down circle-arrow-down
  • Globe globe
  • Wrench wrench
  • Tasks tasks
  • Filter filter
  • Briefcase briefcase
  • Full Screen fullscreen
  • Dashboard dashboard
  • Paper Clip paperclip
  • Heart Empty heart-empty
  • Link link
  • Phone phone
  • Pushpin pushpin
  • USD usd
  • GBP gbp
  • Sort sort
  • Alphabet sort-by-alphabet
  • Alphabet Alt sort-by-alphabet-alt
  • Sort By Order sort-by-order
  • Sort By Order Alt sort-by-order-alt
  • Attributes sort-by-attributes
  • Attributes Alt sort-by-attributes-alt
  • Unchecked unchecked
  • Expand expand
  • Collapse Down collapse-down
  • Collapse Up collapse-up
  • Log in log-in
  • Flash flash
  • Log Out log-out
  • New Window new-window
  • Record record
  • Save save
  • Open open
  • Saved saved
  • Import import
  • Export export
  • Send send
  • Floppy Disk floppy-disk
  • Floppy Saved floppy-saved
  • Floppy Remove floppy-remove
  • Floppy Save floppy-save
  • Floppy Open floppy-open
  • Credit Card credit-card
  • Transfer transfer
  • Cutlery cutlery
  • Header header
  • Compressed compressed
  • EarPhone earphone
  • Phone phone-alt
  • Tower tower
  • Stats stats
  • SD Video sd-video
  • HD Video hd-video
  • Subtitles subtitles
  • Sound Stereo sound-stereo
  • Sound Dolby sound-dolby
  • Sound 5-1 sound-5-1
  • Sound 6-1 sound-6-1
  • Sound 7-1 sound-7-1
  • Copyright copyright-mark
  • Registration Mark registration-mark
  • Cloud Download cloud-download
  • Cloud Upload cloud-upload
  • Tree Conifer tree-conifer
  • Tree Deciduous tree-deciduous
  • CD cd
  • Save File save-file
  • Open File open-file
  • Level Up level-up
  • Copy copy
  • Paste paste
  • Alert alert
  • Equalizer equalizer
  • King king
  • Queen queen
  • Pawn pawn
  • Bishop bishop
  • Knight knight
  • Baby Formula baby-formula
  • Tent tent
  • Blackboard blackboard
  • Bed bed
  • Apple apple
  • Erase erase
  • Hour Glass hourglass
  • Lamp lamp
  • Duplicate duplicate
  • Piggy Bank piggy-bank
  • Scissors scissors
  • Bitcoin bitcoin
  • BTC btc
  • XBT xbt
  • Yen yen
  • JPY jpy
  • Ruble ruble
  • Rub rub
  • Scale scale
  • Ice Lolly ice-lolly
  • Ice Lolly Tasted ice-lolly-tasted
  • Education education
  • Option Horizontal option-horizontal
  • Option Vertical option-vertical
  • Menu Hamburger menu-hamburger
  • Modal Window modal-window
  • Oil oil
  • Grain grain
  • SunGlasses sunglasses
  • Text Size text-size
  • Text Color text-color
  • Text Background text-background
  • Object Align Top object-align-top
  • Object Align Bottom object-align-bottom
  • Object Align Horizontal object-align-horizontal
  • Object Align Left object-align-left
  • Object Align Vertical object-align-vertical
  • Object Align Right object-align-right
  • Triangle Right triangle-right
  • Triangle Left triangle-left
  • Triangle Bottom triangle-bottom
  • Triangle Top triangle-top
  • Console console
  • SuperScript superscript
  • Subscript subscript
  • Menu Left menu-left
  • Menu Right menu-right
  • Menu Down menu-down
  • Menu Up menu-up

See also