Skip to Main Content

Elements: Icons

Shows what elements look like within LibGuides and our current CSS. Intended audience: UofL Libraries web content providers.

Example

To use these icons, add an <i> with the class set to the text that follows the icons below.

Example: <i class="fa fa-search"></i>  for the magnifying glass.

Font Awesome Icons

  • fa fa-search
  • fa fa-home
  • fa fa-archive
  • fa fa-area-chart
  • fa fa-asterisk
  • fa fa-balance-scale
  • fa fa-university
  • fa fa-bar-chart
  • fa fa-bars
  • far fa-book
  • fa fa-bookmark
  • fa fa-bookmark-o
  • fa fa-briefcase
  • fa fa-calendar
  • fa fa-calendar
  • fa fa-camera
  • fa fa-camera-retro
  • fa fa-check
  • fa fa-circle
  • fa fa-circle-o
  • fa fa-clock-o
  • fa fa-clone
  • fa fa-close
  • fa fa-cog
  • fa fa-cogs
  • fa fa-comment
  • fa fa-comment-o
  • fa fa-commenting
  • fa fa-commenting-o
  • fa fa-comments
  • fa fa-comments-o
  • fa fa-copyright
  • fa fa-creative-commons
  • fa fa-credit-card
  • fa fa-database
  • fa fa-desktop
  • fa fa-download
  • fa fa-fa-pencil-square-o
  • fa fa-ellipsis-h
  • fa fa-ellipsis-v
  • fa fa-envelope
  • fa fa-envelope-o
  • fa fa-feed
  • fa fa-folder
  • fa fa-folder-o
  • fa fa-folder-open
  • fa fa-gift
  • fa fa-graduation-cap
  • fa fa-hashtag
  • fa fa-headphones
  • fa fa-heart
  • fa fa-heart-o
  • fa fa-heartbeat
  • fa fa-picture-o
  • fa fa-info
  • fa fa-lock
  • fa fa-map
  • fa fa-map-o
  • fa fa-map-marker
  • fa fa-map-pin
  • fa fa-microphone
  • fa fa-microphone-slash
  • fa fa-mobile
  • fa fa-music
  • fa fa-newspaper-o
  • fa fa-pencil
  • fa fa-phone
  • fa fa-picture-o
  • fa fa-plus
  • fa fa-plus-circle
  • fa fa-print
  • fa fa-question
  • fa fa-question-circle
  • fa fa-quote-left
  • fa fa-quote-right
  • fa fa-recycle
  • fa fa-refresh
  • fa fa-reply
  • fa fa-reply-all
  • fa fa-rss
  • fa fa-rss-square
  • fa fa-share
  • fa fa-share-alt
  • fa fa-shopping-cart
  • fa fa-sitemap
  • fa fa-sort
  • fa fa-sort-alpha-asc
  • fa fa-star
  • fa fa-star-o
  • fa fa-tablet
  • fa fa-tag
  • fa fa-tags
  • fa fa-television
  • fa fa-unlock
  • fa fa-unlock-alt
  • fa fa-usd
  • fa fa-user
  • fa fa-user-circle-o
  • fa fa-users
  • fa fa-video-camera
  • fa fa-volume-off
  • fa fa-volume-down
  • fa fa-volume-up
  • fa fa-wheelchair
  • fa fa-wifi
  • fa fa-wrench
  • fa fa-chevron-up
  • fa fa-chevron-down
  • fa fa-chevron-right
  • fa fa-chevron-left
  • fa fa-arrow-up
  • fa fa-arrow-down
  • fa fa-arrow-right
  • fa fa-arrow-left
  • fa fa-caret-up
  • fa fa-caret-down
  • fa fa-caret-right
  • fa fa-caret-left
  • fa fa-facebook-official
  • fa fa-facebook
  • fa fa-google
  • fa fa-instagram
  • fa fa-linked
  • fa fa-pinterest
  • fa fa-twitter

Our installation currently supports Font Awesome 4.7. For more icons compatible with this version see: https://fontawesome.com/v4.7.0/icons/.