Skip to content
PatternFly logo

Icons

If you're a developer, check out our getting started page to learn more about how to get and use our icon set.

Icon sizes

Medium icons are used as our base size across our system as a whole and we recommend using this base size within your applications. Small, large and x-large icons are used sparingly across PatternFly components. Here is a complete list of icon sizes:

Small (10px)

--pf-global--icon--FontSize--sm

Medium (18px)

--pf-global--icon--FontSize--md

Large (24px)

--pf-global--icon--FontSize--lg

X-large (54px)

--pf-global--icon--FontSize--xl

Small icons

Small icons
Small icons

Medium icons

Medium icons

Large icons

Large icons

X-large icons

Extra large icons
No matter the size of the icon, when icons are next to text, they should be center-aligned horizontally. An example of this alignment in a component is a link button. If icons are stacked, they should also be center-aligned vertically.
Icon alignment

Icon colors

Visit our colors page to learn more about icon colors.


All icons

PatternFly uses custom icons and selections from Font Awesome Free. PatternFly icons are mostly two dimensional and flat. Navigate to Font Awesome’s website to download SVGs of any additional ‘fa’ icons within their free set. Proper attribution should be given as outlined on the Font Awesome site.

Click on any single icon in the table to download it as an SVG. Download all icon SVGs here.

If you’re a designer, these icons are the same set as the ones in the PatternFly Sketch Design Kit. It is possible to use any FontAwesome icon as long it follows the guidelines above.

If you’re looking to copy HTML for an icon:
Use this for 'pficon' icons: <i class="pf-icon [insert-icon-name]"></i>
Use this for 'fa' solid icons: <i class="fas [insert-icon-name]"></i>
Use this for 'fa' regular icons: <i class="far [insert-icon-name]"></i>
Note: Be sure to read how to get started with icons when using 'fa' regular icons

If you're looking to copy React for an icon:
Use this for 'pficon' icons: import { [insert-icon-name] } from '@patternfly/react-icons'

Font Awesome solid (FAS) vs Font Awesome regular (FAR)

The Font Awesome icons included with PatternFly core are FAS (Font Awesome solid) webfont icons. If you're using icons via <i class="[fa, far, fas] [insert-icon-name]"></i>, designers and developers may use any FAS icon in their designs. If a FAR icon is needed, developers must include the FAR icon(s) themselves. There are a few ways of doing so:

  1. Hosting it yourself
  2. Including via a package manager
  3. Linking to a CDN
  4. Use the SVG code directly from fontawesome.com (though this requires attribution)
183 items

IconStyleTypeReactUnicode
fa-angle-double-leftfasFrameworkAngleDoubleLeftIconIndicates the ability to navigate to the first page of a multi-page data setf100
fa-angle-double-rightfasFrameworkAngleDoubleRightIconIndicates the ability to navigate to the last page of a multi-page data setf101
fa-angle-downfasFrameworkAngleDownIconIndicates expandable components such as accordions, progressive disclosures, or expandable lists are currently expanded. Clicking this will collapse the component.f107
fa-angle-leftfasFrameworkAngleLeftIconIndicates the ability to navigate to the previous page of a multi-page data setf104
fa-angle-rightfasFrameworkAngleRightIconIndicates expandable elements such as accordions, progressive disclosures, or expandable lists are currently collapsed. Clicking this will expand the element.f105
Also indicates the ability to navigate to the next page in a multipage data set.
fa-angle-upfasFrameworkAngleUpIconIndicates expandable table rows (on mobile) are currently expanded. Clicking this will collapse the component.f106
pf-icon-ansible-towerBrandAnsibleTowerIconRepresents "Ansible Tower"E950
fa-arrow-circle-downfasStatusArrowCircleDownIconRepresents status: an item (such as a VM) is downf0ab
fa-arrow-circle-upfasStatusArrowCircleUpIcon
Represents status: an item (such as a VM) is up

Tooltip: Upgrade
f0aa
fa-arrows-alt-vfasFrameworkArrowsAltVIconIndicates the availability of a sorting function in a table headerf338
fa-arrow-rightfasFrameworkArrowRightIconIndicates the ability to take an action or navigate to another page. Is paired with textf061
fa-balance-scalefasStatusBalanceScaleIconRepresents status: an item needs rebalancingf24e
fa-banfasStatusBanIconRepresents status: an item is disabled, canceled, terminated or is not readyf05e
fa-barsfasFrameworkBarsIconIndicates the ability to collapse a navigation menuf0c9
fa-bellfasFrameworkBellIcon
Indicates the ability to open a notification drawer.

Tooltip: Notifications
f0f3
fa-bellStatusBellIconRepresents status: default notificationf0f3
pf-icon-attention-bellpf-iconStatusAttentionBellIconRepresents status: attentionE951
fa-bugfasStatusBugIconRepresents status: there is a bug presentf188
fa-calendar-altfarFrameworkOutlinedCalendarAltIconIndicates a date picker function is availablef073
fa-caret-downfasFrameworkCaretDownIconIndicates the ability to acces option panels for components like drop-downs, filters and page rangesf0d7
fa-checkfasStatusCheckIconRepresents status: Indicates a switch toggle is in the enabled positionf00c
fa-check-circlefasActionCheckCircleIconIndicates the ability to commit edited changes.f058
Status Represents status: OK in content views such as a tables
fa-clipboard-checkfasObjectClipboardCheckIconRepresents orders or tasksf46c
fa-clockfarFrameworkOutlinedClockIconRepresents a time intervalf017
fa-codefasObjectCodeIconRepresents codef121
fa-code-branchfasObjectCodeBranchIconRepresents code branchf126
fa-cogfasActionCogIcon
Indicates availability of configurable settings

Tooltip: Settings
f013
fa-columnsfasActionColumnsIconIndicates the ability to manage columns for a table viewf0db
fa-commentsfarFrameworkOutlinedCommentsIconIndicates availability of commentingf086
fa-compressfasActionCompressIconIndicates the ability to compress an item. Should toggle with fa-expandf066
fa-compress-arrows-altfasActionCompressArrowsAltIconIndicates the ability to compress an item (alt concept). Should toggle with fa-expand-arrows-altf78c
fa-copyfasActionCopyIcon
Indicates the availability of a copy to clipboard function

Tooltip: Copy
f0c5
pf-icon-critical-riskpf-iconStatusCriticalRiskIconRepresents potential critical impact on a system or clusterE976
fa-cubefasObjectCubeIconRepresents a containerf1b2
fa-cubesfasObjectCubesIconRepresents a Kubernetes pod(s)f1b3
fa-databasefasObjectDatabaseIconRepresents a databasef1c0
fa-desktopfasObjectDesktopIconRepresents a desktop, workstation or terminalf108
fa-downloadfasActionDownloadIcon
Indicates a download function is available

Tooltip: Download
f019
fa-ellipsis-vfasFrameworkEllipsisVIcon
Indicates a contextual menu of actions or additional actions is available

Tooltip: More options
f142
fa-exclamation-circlefasStatusExclamationCircleIconRepresents alert status: danger, major error or critical errorf06a
fa-exclamation-trianglefasStatusExclamationTriangleIconRepresents alert status: warningf071
fa-expandfasActionExpandIconIndicates the ability to expand an item. Should toggle with fa-compressf065
fa-expand-arrows-altfasActionExpandArrowsAltIconIndicates the ability to expand an item (alt concept). Should toggle with fa-compress-arrows-altf31e
fa-external-link-altfasActionExternalLinkAltIconIndicates the link navigates to an external sitef35d
fa-eyefasFrameworkEyeIconIndicates the content of a component is currently hidden but can be revealedf06e
fa-eye-slashfasFrameworkEyeSlashIconIndicates the content of a component is revealed but can be hiddenf070
fa-filefasFrameworkFileIconRepresents a file typef15b
fa-filterfasActionFilterIconIndicates the ability to filter search results or datasetsf0b0
fa-flagfasObjectFlagIconRepresents a messagef024
Action Also indicates the ability to access a messages
fa-folderfasFrameworkFolderIconRepresents a collapsed hierarchical group.f07b
Indicates the ability to expand the group.
fa-folder-openfasFrameworkFolderOpenIconRepresents an expanded hierarchical group.f07c
Indicates the ability to collapse the group.
fa-grip-horizontalfasFrameworkGripHorizontalIconIndicates the ability to move a vertically-oriented component via drag and dropf58d
fa-grip-verticalfasFrameworkGripVerticalIconIndicates the ability to move a horizontally-oriented component via drag and dropf58e
fa-historyfasStatusHistoryIconRepresents status: restartingf1da
fa-undofasActionUndoIconIndicates the ability to undo an a step in a historical logf0e2
fa-hddfasObjectOutlinedHddIconRepresents a single node or hostf0a0
fa-homefasFrameworkHomeIconIndicates a link to a default/home pagef015
fa-info-circlefasStatusInfoCircleIconRepresents alert status: informationf05a
fa-keyfasObjectKeyIconRepresents an SSH key or similar security conceptsf084
fa-listfasView TypeListIconRepresents data view content in a list format.f03a
fa-lockfasStatusLockIconRepresents status: lockedf023
fa-lock-openfasStatusLockOpenIconRepresents status: unlockedf3c1
fa-long-arrow-alt-downfasFrameworkLongArrowAltDownIconRepresents the largest-to-smallest, highest-to-lowest or last-to-first (descending) sort order for any data type in a data table column. Clicking this will toggle the sort to ascending.f309
fa-long-arrow-alt-upfasFrameworkLongArrowAltUpIconRepresents the smallest-to-largest, lowest-to-highest or first-to-last (ascending) sort order for any data type in a data table column. Clicking this will toggle the sort to descending.f30c
fa-map-markerfasFrameworkMapMarkerIconRepresents a localef041
fa-memoryfasObjectMemoryIconRepresents the memory on a devicef538
fa-microchipfasObjectMicrochipIconRepresents the CPU of a devicef2db
fa-minusfasActionMinusIconIndicates the ability to remove an itemf068
fa-minus-circlefasActionMinusCircleIconIndicates the ability to remove an item (alt concept)f056
fa-pausefasActionPauseIconIndicates the ability to pause. Should toggle with fa-playf04c
fa-pause-circlefasStatusPauseCircleIconRepresents status: an interruption and/or stoppage of a processf28b
fa-pencil-altfasActionPencilAltIcon
Indicates the ability to edit an item

Tooltip: Edit
f303
fa-plusfasActionPlusIconIndicates the ability to add an item; not for creating completely new objects (see pficon-circle-add)f067
fa-plus-circlefasActionPlusCircleIconIndicates the ability to create an itemf055
pf-icon-add-circle-opf-iconActionAddCircleOIconIndicates the ability to create an item. Use this if there are many instances of this icon in a UI (data list, table, etc) to reduce visual noise.E61B
fa-power-offfasStatusPowerOffIconRepresents status: powered onf011
pf-icon-offpf-iconStatusOffIconRepresents status: powered offE92D
pf-icon-openshiftpf-iconBrandsOpenshiftIconRepresents brand: OpenShiftE95E
pf-icon-openstackpf-iconBrandsOpenstackIconRepresents brand: OpenStackE95F
fa-playfasActionPlayIconIndicates the ability to start or resume. Should toggle with fa-pausef04b
fa-printfasActionPrintIconIndicates the availability of a print functionf02f
fa-question-circlefarFrameworkOutlinedQuestionCircleIconIndicates the availability of contextual helpf059
fa-question-circlefasFrameworkQuestionCircleIconIndicates the availability of a help system in the mastheadf059
fa-redofasActionRedoIconIndicates the ability to refresh. Please use the animated spinner to indicate that something is “loading” or in the middle of processingf01e
fa-searchfasActionSearchIcon
Indicates that that user may perform a search

Tooltip: Search
f002
fa-search-minusfasActionSearchMinusIcon
Indicates the ability to zoom out

Tooltip: Search minus
f010
fa-search-plusfasActionSearchPlusIcon
Indicates the ability to zoom in

Tooltip: Search plus
f00e
fa-share-squarefasActionShareSquareIconIndicates the ability to share via various methods with othersf14d
fa-sort-amount-downfasActionSortAmountDownIconRepresents the largest-to-smallest, highest-to-lowest or last-to-first (descending) sort order for any data type.f160
fa-sort-amount-down-altfasActionSortAmountDownAltIconRepresents the smallest-to-largest, lowest-to-highest or first-to-last (ascending) sort order for any data type.f884
fa-sync-altfasActionSyncAltIcon
Indicates the availability of a sync action

Tooltip: Sync; Refresh; Running
f2f1
fa-tagfasObjectTagIconIndicates the abiltiy to access or create a set of tagsf02b
fa-tablefasView TypeTableIconRepresents data view content in a table formatf0ce
fa-tachometer-altfasView TypeTachometerAltIconRepresents data view content in a dashboardf3fd
pf-icon-taskpf-iconFramework, ObjectTaskIcon
Indicates the ability to open a task drawer. Also can represent tasks or activity.

Tooltip: Tasks
E974
fa-thfasView TypeThIconRepresents data view content in a small card formatf00a
fa-th-largefasView TypeThLargeIconRepresents data view content in a large card formatf009
fa-thumbtackfasFrameworkThumbtackIconIndicates the ability to pin an itemf08d
fa-timesfasActionTimesIconIndicates the ability to close a modal or other panel. Also indicates the ability to clear existing data, such as filter criteria or labelsf00d
fa-times-circlefasActionTimesCircleIconIndicates the ability to close the about modalf057
fa-trashfasActionTrashIcon
Indicates the ability to delete

Tooltip: Delete
f1f8
fa-uploadfasActionUploadIconIndicates an upload function is availablef093
fa-userfasObjectUserIconRepresents a user (in a dataset, paired with a username).f007
Framework Indicates the availability of a user profile (in the masthead, paired with a username)
fa-usersfasObjectUsersIconRepresents multiple users, a user grouping or projectf0c0
fa-window-restorefarActionOutlinedWindowRestoreIconIndicates the ability to open link in a new windowf2d2
fa-wrenchfasStatusWrenchIconRepresents status: in preparation for maintenancef0ad
fa-githubfabBrandsGithubIconRepresents brand: GitHubf09b
fa-gitlabfabBrandsGitlabIconRepresents brand: GitLabf296
fa-googlefabBrandsGoogleIconRepresents brand: Googlef1a0
fa-stack-overflowfabBrandsStackOverflowIconRepresents brand: Stack Overflowf16c
fa-facebook-squarefabBrandsFacebookSquareIconRepresents brand: Facebookf082
fa-twitterfabBrandsTwitterIconRepresents brand: Twitterf099
fa-windowsfabBrandsWindowsIconRepresents brand: Windowsf17a
fa-linkedinfabBrandsLinkedinIconRepresents brand: LinkedInf08c
fa-linuxfabBrandsLinuxIconRepresents brand: Linuxf17c
fa-dropboxfabBrandsDropboxIconRepresents brand: Dropboxf16b
fa-drupalfabBrandsDrupalIconRepresents brand: Drupalf1a9
fa-jsfabBrandsJsIconRepresents brand: jsf3b8
pf-icon-asleeppf-iconStatusAsleepIconRepresents an item is asleep or in power suspended modeE92E
pf-icon-automationpf-iconObjectAutomationIconRepresents a process-automation objectE937
pf-icon-blueprintpf-iconObjectBlueprintIconRepresents a blueprintE915
pf-icon-buildpf-iconObjectBuildIconRepresents a buildE902
pf-icon-builder-imagepf-iconObjectBuilderImageIconRepresents a builder imageE800
pf-icon-bundlepf-iconObjectBundleIconRepresents a package; used in Satellite, Cockpit, and Composer to indicate a generic package or rpmE918
pf-icon-catalogpf-iconObjectCatalogIconIndicates the availability of a catalog or libraryE953
pf-icon-cloud-securitypf-iconObjectCloudSecurityIconRepresents cloud securityE903
pf-icon-cloud-tenantpf-iconObjectCloudTenantIconRepresents a cloud tenantE904
pf-icon-clusterpf-iconObjectClusterIconRepresents a cluster or serverE620
pf-icon-connectedpf-iconStatusConnectedIconRepresents an item's power is on and is “up”; this is a more active alternative to “pficon-on”E938
pf-icon-data-sinkpf-iconStatusDataSinkIconRepresents a data sinkE978
pf-icon-data-sourcepf-iconStatusDataSourceIconRepresents a data sourceE979
pf-icon-degradedpf-iconStatusDegradedIconVolume replication is degradedE91B
pf-icon-disconnectedpf-iconStatusDisconnectedIconRepresents an item's power is off and is “down”; this is a more active alternative to “pficon-off”E955
pf-icon-domainpf-iconObjectDomainIconRepresents a domainE919
pf-icon-enhancementpf-iconStatusEnhancementIconRepresents status: enhancement advisory is presentE93A
pf-icon-enterprisepf-iconObjectEnterpriseIconRepresents an enterpriseE906
pf-icon-exportpf-iconActionExportIcon
Indicates the ability to export a file or other data

Tooltip: Export
E616
pf-icon-flavorpf-iconObjectFlavorIconRepresents a flavorE957
fa-imagefasObjectImageIconRepresents an imagef03e
pf-icon-importpf-iconActionImportIconIndicates the ability to import a file or other dataE615
pf-icon-in-progresspf-iconStatusInProgressIconRepresents running a determinite actionE933
pf-icon-infrastructurepf-iconObjectInfrastructureIconRepresents an infrastructureE93D
pf-icon-integrationpf-iconObjectIntegrationIconRepresents an integration of two or more objectsE948
pf-icon-migrationpf-iconStatusMigrationIconRepresents an item such as a VM is currently migratingE931
pf-icon-middlewarepf-iconObjectMiddlewareIconRepresents middlewareE917
pf-icon-modulepf-iconObjectModuleIconRepresents a moduleE959
pf-icon-monitoringpf-iconObjectMonitoringIconRepresents monitoringE95A
pf-icon-networkpf-iconObjectNetworkIconRepresents networkE909
pf-icon-pficon-network-rangepf-iconObjectPficonNetworkRangeIconRepresents network rangeE967
pf-icon-runningpf-iconStatusRunningIconRepresents status: runningE970
pf-icon-open-drawer-rightpf-iconActionOpenDrawerRightIconOpen or close a drawerE977
pf-icon-optimizepf-iconActionOptimizeIconIndicates the ability to optimize an item or a processE93E
pf-icon-packagepf-iconObjectPackageIconRepresents a packageE961
pf-icon-pendingpf-iconStatusPendingIconRepresents status: pending; currently waiting on contingenciesE964
pf-icon-privatepf-iconStatusPrivateIconRepresents status: private; cannot access with current credentialsE914
pf-icon-portpf-iconObjectPortIconRepresents a port or routeE96B
pf-icon-process-automationpf-iconObjectProcessAutomationIconRepresents process automationE949
pf-icon-regionspf-iconObjectRegionsIconRepresents a regionE90A
pf-icon-registrypf-iconObjectRegistryIconRepresents a registryE623
pf-icon-replicatorpf-iconObjectReplicatorIconRepresents a replicatorE624
pf-icon-repositorypf-iconObjectRepositoryIconRepresents a repositoryE90B
pf-icon-resource-poolpf-iconObjectResourcePoolIconRepresents a resource poolE90C
pf-icon-resources-emptypf-iconStatusResourcesEmptyIconRepresents status: is emptyE96F
pf-icon-resources-almost-emptypf-iconStatusResourcesAlmostEmptyIconRepresents status: is almost emptyE91D
pf-icon-resources-almost-fullpf-iconStatusResourcesAlmostFullIconRepresents status: is almost fullE912
pf-icon-resources-fullpf-iconStatusResourcesFullIconRepresents status: is fullE913
fa-routefasObjectRouteIconRepresents a routef4d7
pf-icon-pficon-satellitepf-iconBrandsPficonSatelliteIconRepresents brand: SatelliteE968
pf-icon-savepf-iconActionSaveIconIndicates the ability to save a file or other objectE601
pf-icon-securitypf-iconStatusSecurityIconRepresents status: security advisory is presentE946
pf-icon-server-grouppf-iconObjectServerGroupIconRepresents a server groupE91A
pf-icon-servicepf-iconObjectServiceIconRepresents a Kubernetes serviceE61E
pf-icon-servicespf-iconObjectServicesIconRepresents servicesE947
pf-icon-service-catalogpf-iconObjectServiceCatalogIconIndicates availability of a catalog/library to browseE972
pf-icon-storage-domainpf-iconObjectStorageDomainIconIndicates a storage domainE90E
pf-icon-pficon-templatepf-iconObjectPficonTemplateIconRepresents a template; includes contents or instructions used to generate one or more instances of a final outputE94C
pf-icon-tenantpf-iconObjectTenantIconRepresents a tenantE916
pf-icon-topologypf-iconView typeTopologyIconRepresents data view content in a topology formatE608
pf-icon-trend-downpf-iconStatusTrendDownIconRepresents status: downward trendE900
pf-icon-trend-uppf-iconStatusTrendUpIconRepresents status: upward trendE901
pf-icon-unknownpf-iconStatusUnknownIconRepresents status: unknownE935
pf-icon-pficon-vcenterpf-iconObjectPficonVcenterIconRepresents a vcenterE969
pf-icon-virtual-machinepf-iconObjectVirtualMachineIconRepresents a virtual machineE90F
pf-icon-volumepf-iconObjectVolumeIconRepresents a volumeE910
pf-icon-zonepf-iconObjectZoneIconRepresents a zone; a grouping of servers based on geographic location, network location, or functionE911

Updated icon recommendations

We’ve recently updated some of our PatternFly icons as well as icon usage guidelines. If you are using an outdated icon, we suggest you migrate over to the newest recommendations.

62 items

Contextual usage
angle-up
fa-angle-right
Indicates expandable elements such as accordions, progressive disclosures, or expandable lists are currently collapsed. Clicking this will expand the element. It also indicates the ability to navigate to the next page in a multipage data set.
fa-arrow-circle-o-down iconfa-arrow-circle-o-down
fa-arrow-circle-down
Represents status: an item (such as a VM) is down
fa-arrow-circle-o-up iconfa-arrow-circle-o-up
fa-arrow-circle-up
Represents status: an item (such as a VM) is up
fas fa-sort
fa-arrows-alt-v
Indicates the availability of a sorting function in a table header
fas fa-calendar-alt
fa-calendar-alt
Indicates a date picker function is available
fa-columns iconfa-columns
fa-columns
Indicates the ability to manage columns for a table view
fas fa-plus-square
fa-plus-circle
pf-icon-add-circle-o
Indicates the ability to create an item
Indicates the ability to create an item. Use this if there are many instances of this icon in a UI (data list, table, etc) to reduce visual noise.
pf-icon-rebalance
fa-balance-scale
Represents status: an item needs rebalancing
fa-bell
fa-bell-slash
fa-bell
Indicates the ability to open a notification drawer.
Sort Down
fa-caret-down
Indicates the ability to acces options for components like drop-downs, filters and page ranges
fa-clock-o iconfa-clock-o
fa-clock
If read-only, paired with a label to indicate a time interval. If interactive, indicates the availability of a time picker control.
fas fa-caret-down
fas fa-sort-amount-up
sort-alpha-down-alt
sort-numeric-down-alt
fa-sort-amount-down
Represents the largest-to-smallest, highest-to-lowest or last-to-first (descending) sort order for any data type.
fas fa-caret-up
pf-icon-sort-common-asc
sort-alpha-down
sort-numeric-down
fa-sort-amount-down-alt
Represents the smallest-to-largest, lowest-to-highest or first-to-last (ascending) sort order for any data type.
pf-icon-ok
Outlined Check Circle
fa-check-circle
Represents alert status: success
pf-icon-orders
fa-clipboard-check
Represents orders or tasks
fas fa-cogs
pficon-settings iconpficon-settings
fa-cog
Indicates availability of configurable settings
pf-icon-chat
fa-comments
Indicates availability of commenting
pf-icon-screen
TV
fa-desktop
Represents a desktop, workstation or terminal
pficon-error-circle-o
fa-exclamation-circle
Represents alert status: danger, major error or critical error
pf-icon-warning-triangle
fa-exclamation-triangle
Represents alert status: warning
pf-icon pf-icon-filter
fa-filter
Indicates the ability to filter search results or datasets
pf-icon-messages
fa-flag
If read-only, paired with a label to represent a message. If interactive, indicates the ability to access messages
pf-icon-folder-close
fa-folder
Represents a collapsed hierarchical group. Indicates the ability to expand the group.
pf-icon-folder-open
fa-folder-open
Represents an expanded hierarchical group. Indicates the ability to collapse the group.
pf-container-node
fa-hdd
Represents a single node or host
pf-icon-history iconpf-icon-history
fa-history
Represents status: restarting
pficon-history
Undo Alt
fa-undo
Indicates the ability to undo an a step in a historical log
pf-icon pf-icon-home
fa-home
Indicates a link to a default/home page
pf-icon-info
fa-info-circle
Represents alert status: information
pficon-key iconpficon-key
fa-key
Represents an SSH key or similar security concepts
pf-icon-locked
fa-lock
Represents status: locked
pf-icon-unlocked
fa-lock-open
Represents status: unlocked
fa-map-marker
fa-map-marker
Represents a locale
pf-icon pf-icon-memory
fa-memory
Represents the memory on a device
pf-icon-cpu
fa-microchip
Represents the CPU of a device
Outline Pause Circle
pf-icon-paused
fa-pause-circle
Represents status: an interruption and/or stoppage of a process
fas fa-edit
pf-icon pf-icon-edit
fa-pencil-alt
Indicates the ability to edit
pf-icon-unplugged
pf-icon-plugged
n/a
These icons remain the PatternFly font, but their use is now obsolete
pf-icon-on
fa-power-off
Represents status: powered on
pf-icon pf-icon-print
fa-print
Indicates the availability of a print function
pf-icon-help
fa-question-circle
fa-question-circle
Indicates the availability of contextual help
Indicates the availability of a help system in the masthead
pf-icon-rebooting
pf-icon-spinner2
fa-redo
Indicates the ability to refresh. Please use the animated spinner to indicate that something is “loading” or in the middle of processing
pficon-search iconpficon-search
fa-search
Indicates that that user may perform a search
Sync
fa-sync-alt
Indicates the availability of a sync action
fa-table iconfa-table
fa-table
Represents data view content in a table format
fa-tachometer iconfa-tachometer
fa-tachometer-alt
Indicates the availability of a dashboard view
fa-th iconfa-th
fa-th
Represents data view content in a small card format
fa-th-large iconfa-th-large
fa-th-large
Represents data view content in a large card format
pf-icon-thumb-tack
fa-thumbtack
Indicates the ability to pin an item
pf-icon-close
fa-times
Indicates the ability to close a modal or other panel
pf-icon-error-circle-o
fa-times-circle
Indicates the ability to clear existing data, such as filter criteria or tags
pf-icon-delete
fa-trash
Indicates the ability to delete
pf-icon-user
User Alt
fa-user
If read-only, represents a user (in a dataset, precedes a username). If interactive, indicates the availability of a user profile (often in the masthead, coupled with a username)
pf-icon pf-icon-users
pf-icon-project
fas fa-user-friends
fa-users
Represents multiple users, a user grouping or project
pf-icon-maintenance
Tools
fa-wrench
Represents status: in preparation for maintenance
pficon-arrow
pficon-applications
window-restore
Indicates the ability to open link in a new window
pficon-arrow
fas fa-share-square
Indicates the ability to share via various methods with others
pficon-on-running
pf-icon-running
Represents status: an item is running or active
fas fa-save
pficon-save
Indicates the ability to save a file or other object
pficon-server
pficon-cluster
Represents a cluster or server
pficon-dragdrop
grip-horizontal
grip-vertical
Indicates the ability to move a vertically-oriented component via drag and drop
Indicates the ability to move a horizontally-oriented component via drag and drop
pf-icon-spinner
pf-icon-spinner
Use the animated PatternFly Spinner component to indicate that something is "loading" or in the middle of processing

View source on GitHub