Skip to main content

Core Icons

Alert information

These icons are available for every brand by default. No setup needed.

To start using these icons just apply any of the following classnames to your icon component within your application.

When to use Core Icons

Core icons represent common UI patterns and user interactions.

Use Core icons for:

  • Navigation
  • Actions
  • Status indicators
  • Communication
  • System functionality

Example

Please read the documentation for the Icon component

<Icon className="i-check"></Icon>
i-address-book
i-address-card
i-ai
i-angle-down
i-angle-left
i-angle-right
i-angle-up
i-arrow-down
i-arrow-left
i-arrow-right
i-arrow-right-arrow-left
i-arrow-to-bottom
i-arrow-to-top
i-arrow-up
i-arrow-up-right
i-arrows-alt
i-arrows-alt-h
i-arrows-alt-v
i-assessor
i-assistive-listening-systems
i-ban
i-bank
i-bars
i-battery
i-bell
i-bicycle
i-book-open
i-box-abandoned
i-box-open
i-briefcase
i-building
i-calculator
i-calculator-1
i-calendar-alt
i-calendar-check
i-calendar-edit
i-calendar-exclamation
i-calendar-plus
i-calendar-schedule
i-calendar-times
i-camera
i-campground
i-car
i-caret-down
i-caret-left
i-caret-right
i-caret-up
i-carpet
i-cc-amex
i-cc-mastercard
i-cc-paypal
i-cc-visa
i-cctv
i-chair
i-charger
i-chart-bar
i-chart-pie
i-chat
i-check
i-check-circle
i-chevron-circle-down
i-chevron-circle-left
i-chevron-circle-right
i-chevron-circle-up
i-chevron-down
i-chevron-left
i-chevron-right
i-chevron-up
i-clipboard-list
i-clipboard-view
i-clock
i-closed-sign
i-cog
i-cog-slash
i-coin
i-comment
i-comment-alt
i-comment-exclamation
i-comments
i-comments-alt
i-comments-exclamation
i-compress-alt
i-computer-phone
i-copy
i-couch
i-credit-card
i-credit-card-front
i-cyclone
i-desktop
i-door-closed
i-download-cloud
i-driver
i-ellipsis-v
i-emergency
i-envelope
i-envelopes
i-exclamation
i-exclamation-circle
i-exclamation-triangle
i-expand-alt
i-expand-arrows-alt
i-external-link
i-eye
i-eye-slash
i-face-id
i-facebook
i-facebook-messenger
i-file
i-file-alt
i-file-certificate
i-file-check
i-file-contract
i-file-pdf
i-file-signature
i-filter
i-finalise
i-flashlight
i-folder-open
i-fragile
i-frown
i-fuel
i-gem
i-google-plus-g
i-hail
i-hand-holding-heart
i-hand-holding-usd
i-heart
i-home
i-homes
i-image
i-image-card
i-info
i-info-circle
i-instagram
i-key
i-ladder
i-laptop
i-leaf
i-life-ring
i-lifetime-guarantee
i-lightbulb-on
i-link
i-linkedin-in
i-list
i-location-arrow
i-lock
i-lock-open
i-mai
i-mailbox
i-map-marker-alt
i-match
i-medal
i-meh
i-microphone
i-minus
i-minus-circle
i-mobile-alt
i-money
i-money-check-alt
i-mp3-player
i-nbn
i-palette
i-paperclip
i-pen
i-phone
i-plus
i-plus-circle
i-policy-booklet
i-print
i-public
i-question
i-question-circle
i-receipt
i-redo
i-reminder
i-ribbon
i-ride-sharing
i-road
i-search
i-search-minus
i-search-plus
i-share
i-share-alt
i-shirt
i-shopping-bag
i-shopping-cart
i-sign-in
i-sign-out
i-sink
i-sliders-h
i-smile
i-sort
i-sort-down
i-sort-up
i-star
i-state-act
i-state-nsw
i-state-nt
i-state-qld
i-state-sa
i-state-tas
i-state-vic
i-state-wa
i-stop-sign
i-sun
i-sync
i-tablet-alt
i-tag
i-tasks
i-tennis-racket
i-th-large
i-th-list
i-thumbs-down
i-thumbs-up
i-times
i-times-circle
i-tools
i-trash-alt
i-tree
i-twitter
i-tyre
i-tyre-flat
i-umbrella
i-undo
i-university
i-user
i-user-check
i-user-circle
i-user-lock
i-user-plus
i-user-shield
i-user-times
i-users
i-ute
i-website
i-wechat
i-wine-bottle
i-wrench
i-wrench-star
i-youtube