Icons
Guidance and suggestions for using external icon libraries with Bootstrap.
While the standard Bootstrap edition doesn’t ship with an icon set by default, the TRATON Design System package comes pre-packaged with Font Awesome 5. We’ve included details for Font Awesome 5 and other preferred icon sets below.
While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.
Font Awesome 5
Font Awesome 5 is a comprehensive library of icons designed to give you thousands of vector icons for navigation, status, controls, and branding. The icons are fully included in the package and ready to use in your projects.
Learn more about Font Awesome 5, including recommended usage.
50 Common FA Icons Click any card to copy HTML markup
Copied
fal fa-home
fal fa-bars
fal fa-ellipsis-v
fal fa-ellipsis-h
fal fa-th
fal fa-chevron-left
fal fa-chevron-right
fal fa-external-link-alt
fal fa-search
fal fa-cog
fal fa-times
fal fa-plus
fal fa-trash-alt
fal fa-pencil-alt
fal fa-check
fal fa-share-alt
fal fa-download
fal fa-upload
fal fa-sync
fal fa-user
fal fa-bell
fal fa-envelope
fal fa-comment-alt
fal fa-phone
fal fa-heart
fal fa-star
fal fa-bookmark
fal fa-shopping-cart
fal fa-shopping-bag
fal fa-credit-card
fal fa-wallet
fal fa-tag
fal fa-lock
fal fa-lock-open
fal fa-eye
fal fa-question-circle
fal fa-exclamation-triangle
fal fa-filter
fal fa-paperclip
fal fa-calendar-alt
fal fa-cloud
fal fa-play
fal fa-pause
fal fa-stop
fal fa-volume-up
fal fa-volume-mute
fal fa-fast-forward
fal fa-backward
fal fa-microphone
fal fa-camera