Icons

PatternFly icons are two dimensional and flat. Most of the icons are gray, with the exception of icons that require color for emphasis.

PatternFly includes custom icons and selections from IcoMoon – Free and FontAwesome. Not all of the FontAwesome icons are recommended for use with PatternFly, but are included for convenience. Bootstrap Glyphicons are also included in PatternFly, but are not recommended for use. See below for recommendations.

To use these icons on the desktop, check out the cheatsheet.

PatternFly Icons

Custom icons and selections from IcoMoon – Free.

  • pficon-add-circle-o
  • pficon-build
  • pficon-builder-image
  • pficon-close
  • pficon-cloud-security
  • pficon-cloud-tenant
  • pficon-cluster
  • pficon-container-node
  • pficon-cpu
  • pficon-delete
  • pficon-edit
  • pficon-enterprise
  • pficon-error-circle-o
  • pficon-export
  • pficon-flag
  • pficon-flavor
  • pficon-folder-close
  • pficon-folder-open
  • pficon-help
  • pficon-home
  • pficon-history
  • pficon-image
  • pficon-import
  • pficon-info
  • pficon-memory
  • pficon-network
  • pficon-ok
  • pficon-print
  • pficon-project
  • pficon-regions
  • pficon-registry
  • pficon-replicator
  • pficon-repository
  • pficon-resource-pool
  • pficon-resources-almost-full
  • pficon-resources-full
  • pficon-restart
  • pficon-route
  • pficon-running
  • pficon-save
  • pficon-screen
  • pficon-server
  • pficon-service
  • pficon-settings
  • pficon-storage-domain
  • pficon-thumb-tack-o
  • pficon-topology
  • pficon-trend-down
  • pficon-trend-up
  • pficon-user
  • pficon-users
  • pficon-virtual-machine
  • pficon-volume
  • pficon-warning-triangle-o
  • pficon-zone

Recommended Font Awesome Icons

All Font Awesome icons are available, but only these are recommended for use with PatternFly.

  • fa-angle-down
  • fa-angle-left
  • fa-angle-right
  • fa-angle-up
  • fa-angle-double-left
  • fa-angle-double-right
  • fa-arrow-circle-o-down
  • fa-ban
  • fa-bug
  • fa-check
  • fa-clock-o
  • fa-cube
  • fa-cubes
  • fa-database
  • fa-envelope
  • fa-filter
  • fa-lock
  • fa-map-marker
  • fa-minus
  • fa-plus
  • fa-plus-square
  • fa-power-off
  • fa-refresh
  • fa-search
  • fa-shield
  • fa-star
  • fa-star-o
  • fa-tachometer
  • fa-thumb-tack
  • fa-unlock-alt