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
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:
- Hosting it yourself
- Including via a package manager
- Linking to a CDN
- Use the SVG code directly from fontawesome.com (though this requires attribution)
Icon | Style | React | Unicode | ||
---|---|---|---|---|---|
fa-angle-double-left | fas | AngleDoubleLeftIcon | Indicates the ability to navigate to the first page of a multi-page data set | ||
fa-angle-double-right | fas | AngleDoubleRightIcon | Indicates the ability to navigate to the last page of a multi-page data set | ||
fa-angle-down | fas | AngleDownIcon | Indicates expandable components such as accordions, progressive disclosures, or expandable lists are currently expanded. Clicking this will collapse the component. | ||
fa-angle-left | fas | AngleLeftIcon | Indicates the ability to navigate to the previous page of a multi-page data set | ||
fa-angle-right | fas | AngleRightIcon | Indicates expandable elements such as accordions, progressive disclosures, or expandable lists are currently collapsed. Clicking this will expand the element. Also indicates the ability to navigate to the next page in a multipage data set. | ||
fa-angle-up | fas | AngleUpIcon | Indicates expandable table rows (on mobile) are currently expanded. Clicking this will collapse the component. | ||
fa-arrow-circle-down | fas | ArrowCircleDownIcon | Represents status: an item (such as a VM) is down | ||
fa-arrow-circle-up | fas | ArrowCircleUpIcon | Represents status: an item (such as a VM) is up Tooltip:Upgrade | ||
fa-arrow-right | fas | ArrowRightIcon | Indicates the ability to take an action or navigate to another page. Is paired with text | ||
fa-arrows-alt-v | fas | ArrowsAltVIcon | Indicates the availability of a sorting function in a table header | ||
fa-balance-scale | fas | BalanceScaleIcon | Represents status: an item needs rebalancing | ||
fa-ban | fas | BanIcon | Represents status: an item is disabled, canceled, terminated or is not ready | ||
fa-bars | fas | BarsIcon | Indicates the ability to collapse a navigation menu | ||
fa-bell | fas | BellIcon | Indicates the ability to open a notification drawer. Tooltip:Notifications | ||
fa-bell (blue) | BellIcon | Represents status: default notification | |||
fa-bug | fas | BugIcon | Represents status: there is a bug present | ||
fa-calendar-alt | far | OutlinedCalendarAltIcon | Indicates a date picker function is available | ||
fa-caret-down | fas | CaretDownIcon | Indicates the ability to acces option panels for components like drop-downs, filters and page ranges | ||
fa-check | fas | CheckIcon | Represents status: Indicates a switch toggle is in the enabled position | ||
fa-check-circle | fas | CheckCircleIcon | Indicates the ability to commit edited changes Represents status: OK in content views such as a tables | ||
fa-clipboard-check | fas | ClipboardCheckIcon | Represents orders or tasks | ||
fa-clock | far | OutlinedClockIcon | Represents a time interval | ||
fa-code | fas | CodeIcon | Represents code | ||
fa-code-branch | fas | CodeBranchIcon | Represents code branch | ||
fa-cog | fas | CogIcon | Indicates availability of configurable settings Tooltip:Settings | ||
fa-columns | fas | ColumnsIcon | Indicates the ability to manage columns for a table view | ||
fa-comments | far | OutlinedCommentsIcon | Indicates availability of commenting | ||
fa-compress | fas | CompressIcon | Indicates the ability to compress an item. Should toggle with fa-expand | ||
fa-compress-arrows-alt | fas | CompressArrowsAltIcon | Indicates the ability to compress an item (alt concept). Should toggle with fa-expand-arrows-alt | ||
fa-copy | fas | CopyIcon | Indicates the availability of a copy to clipboard function Tooltip:Copy | ||
fa-cube | fas | CubeIcon | Represents a container | ||
fa-cubes | fas | CubesIcon | Represents a Kubernetes pod(s) | ||
fa-database | fas | DatabaseIcon | Represents a database | ||
fa-desktop | fas | DesktopIcon | Represents a desktop, workstation or terminal | ||
fa-download | fas | DownloadIcon | Indicates a download function is available Tooltip:Download | ||
fa-dropbox | fab | DropboxIcon | Represents brand: Dropbox | ||
fa-drupal | fab | DrupalIcon | Represents brand: Drupal | ||
fa-ellipsis-v | fas | EllipsisVIcon | Indicates a contextual menu of actions or additional actions is available Tooltip:More options | ||
fa-exclamation-circle | fas | ExclamationCircleIcon | Represents alert status: danger, major error or critical error | ||
fa-exclamation-triangle | fas | ExclamationTriangleIcon | Represents alert status: warning | ||
fa-expand | fas | ExpandIcon | Indicates the ability to expand an item. Should toggle with fa-compress | ||
fa-expand-arrows-alt | fas | ExpandArrowsAltIcon | Indicates the ability to expand an item (alt concept). Should toggle with fa-compress-arrows-alt | ||
fa-external-link-alt | fas | ExternalLinkAltIcon | Indicates the link navigates to an external site | ||
fa-eye | fas | EyeIcon | Indicates the content of a component is currently hidden but can be revealed | ||
fa-eye-slash | fas | EyeSlashIcon | Indicates the content of a component is revealed but can be hidden | ||
fa-facebook-square | fab | FacebookSquareIcon | Represents brand: Facebook | ||
fa-file | fas | FileIcon | Represents a file type | ||
fa-filter | fas | FilterIcon | Indicates the ability to filter search results or datasets | ||
fa-flag | fas | FlagIcon | Represents a message. Also indicates the ability to access a messages. | ||
fa-folder | fas | FolderIcon | Represents a collapsed hierarchical group. Indicates the ability to expand the group. | ||
fa-folder-open | fas | FolderOpenIcon | Represents an expanded hierarchical group. Indicates the ability to collapse the group. | ||
fa-github | fab | GithubIcon | Represents brand: GitHub | ||
fa-gitlab | fab | GitlabIcon | Represents brand: GitLab | ||
fa-google | fab | GoogleIcon | Represents brand: Google | ||
fa-grip-horizontal | fas | GripHorizontalIcon | Indicates the ability to move a vertically-oriented component via drag and drop | ||
fa-grip-vertical | fas | GripVerticalIcon | Indicates the ability to move a horizontally-oriented component via drag and drop | ||
fa-hdd | fas | OutlinedHddIcon | Represents a single node or host | ||
fa-history | fas | HistoryIcon | Represents status: restarting | ||
fa-home | fas | HomeIcon | Indicates a link to a default/home page | ||
fa-image | fas | ImageIcon | Represents an image | ||
fa-info-circle | fas | InfoCircleIcon | Represents alert status: information | ||
fa-js | fab | JsIcon | Represents brand: js | ||
fa-key | fas | KeyIcon | Represents an SSH key or similar security concepts | ||
fa-linkedin | fab | LinkedinIcon | Represents brand: LinkedIn | ||
fa-linux | fab | LinuxIcon | Represents brand: Linux | ||
fa-list | fas | ListIcon | Represents data view content in a list format. | ||
fa-lock | fas | LockIcon | Represents status: locked | ||
fa-lock-open | fas | LockOpenIcon | Represents status: unlocked | ||
fa-long-arrow-alt-down | fas | LongArrowAltDownIcon | Represents 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. | ||
fa-long-arrow-alt-up | fas | LongArrowAltUpIcon | Represents 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. | ||
fa-map-marker | fas | MapMarkerIcon | Represents a locale | ||
fa-memory | fas | MemoryIcon | Represents the memory on a device | ||
fa-microchip | fas | MicrochipIcon | Represents the CPU of a device | ||
fa-minus | fas | MinusIcon | Indicates the ability to remove an item | ||
fa-minus-circle | fas | MinusCircleIcon | Indicates the ability to remove an item (alt concept) | ||
fa-pause | fas | PauseIcon | Indicates the ability to pause. Should toggle with fa-play | ||
fa-pause-circle | fas | PauseCircleIcon | Represents status: an interruption and/or stoppage of a process | ||
fa-pencil-alt | fas | PencilAltIcon | Indicates the ability to edit an item Tooltip:Edit | ||
fa-play | fas | PlayIcon | Indicates the ability to start or resume. Should toggle with fa-pause | ||
fa-plus | fas | PlusIcon | Indicates the ability to add an item; not for creating completely new objects (see pficon-circle-add) | ||
fa-plus-circle | fas | PlusCircleIcon | Indicates the ability to create an item | ||
fa-power-off | fas | PowerOffIcon | Represents status: powered on | ||
fa-print | fas | PrintIcon | Indicates the availability of a print function | ||
fa-question-circle | fas | QuestionCircleIcon | Indicates the availability of a help system in the masthead | ||
fa-question-circle (outlined) | far | OutlinedQuestionCircleIcon | Indicates the availability of contextual help | ||
fa-redo | fas | RedoIcon | Indicates the ability to refresh. Please use the animated spinner to indicate that something is “loading” or in the middle of processing | ||
fa-route | fas | RouteIcon | Represents a route | ||
fa-search | fas | SearchIcon | Indicates that that user may perform a search Tooltip:Search | ||
fa-search-minus | fas | SearchMinusIcon | Indicates the ability to zoom out Tooltip:Search minus | ||
fa-search-plus | fas | SearchPlusIcon | Indicates the ability to zoom in Tooltip:Search plus | ||
fa-share-square | fas | ShareSquareIcon | Indicates the ability to share via various methods with others | ||
fa-sort-amount-down | fas | SortAmountDownIcon | Represents the largest-to-smallest, highest-to-lowest or last-to-first (descending) sort order for any data type. | ||
fa-sort-amount-down-alt | fas | SortAmountDownAltIcon | Represents the smallest-to-largest, lowest-to-highest or first-to-last (ascending) sort order for any data type. | ||
fa-stack-overflow | fab | StackOverflowIcon | Represents brand: Stack Overflow | ||
fa-sync-alt | fas | SyncAltIcon | Indicates the availability of a sync action Tooltip:Sync; Refresh; Running | ||
fa-table | fas | TableIcon | Represents data view content in a table format | ||
fa-tachometer-alt | fas | TachometerAltIcon | Represents data view content in a dashboard | ||
fa-tag | fas | TagIcon | Indicates the abiltiy to access or create a set of tags | ||
fa-th | fas | ThIcon | Represents data view content in a small card format | ||
fa-th-large | fas | ThLargeIcon | Represents data view content in a large card format | ||
fa-thumbtack | fas | ThumbtackIcon | Indicates the ability to pin an item | ||
fa-times | fas | TimesIcon | Indicates the ability to close a modal or other panel. Also indicates the ability to clear existing data, such as filter criteria or labels | ||
fa-times-circle | fas | TimesCircleIcon | Indicates the ability to close the about modal | ||
fa-trash | fas | TrashIcon | Indicates the ability to delete Tooltip:Delete | ||
fa-twitter | fab | TwitterIcon | Represents brand: Twitter | ||
fa-undo | fas | UndoIcon | Indicates the ability to undo an a step in a historical log | ||
fa-upload | fas | UploadIcon | Indicates an upload function is available | ||
fa-user | fas | UserIcon | Represents a user (in a dataset, paired with a username). Indicates the availability of a user profile (in the masthead, paired with a username). | ||
fa-users | fas | UsersIcon | Represents multiple users, a user grouping or project | ||
fa-window-restore | far | OutlinedWindowRestoreIcon | Indicates the ability to open link in a new window | ||
fa-windows | fab | WindowsIcon | Represents brand: Windows | ||
fa-wrench | fas | WrenchIcon | Represents status: in preparation for maintenance | ||
pficon-add-circle-o | pficon | AddCircleOIcon | 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. | ||
pficon-ansible-tower | pficon | AnsibleTowerIcon | Represents "Ansible Tower" | ||
pficon-asleep | pficon | AsleepIcon | Represents an item is asleep or in power suspended mode | ||
pficon-attention-bell | pficon | AttentionBellIcon | Represents status: attention | ||
pficon-automation | pficon | AutomationIcon | Represents a process-automation object | ||
pficon-blueprint | pficon | BlueprintIcon | Represents a blueprint | ||
pficon-build | pficon | BuildIcon | Represents a build | ||
pficon-builder-image | pficon | BuilderImageIcon | Represents a builder image | ||
pficon-bundle | pficon | BundleIcon | Represents a package; used in Satellite, Cockpit, and Composer to indicate a generic package or rpm | ||
pficon-catalog | pficon | CatalogIcon | Indicates the availability of a catalog or library | ||
pficon-cloud-security | pficon | CloudSecurityIcon | Represents cloud security | ||
pficon-cloud-tenant | pficon | CloudTenantIcon | Represents a cloud tenant | ||
pficon-cluster | pficon | ClusterIcon | Represents a cluster or server | ||
pficon-connected | pficon | ConnectedIcon | Represents an item's power is on and is “up”; this is a more active alternative to “pficon-on” | ||
pficon-critical-risk | pficon | CriticalRiskIcon | Represents potential critical impact on a system or cluster | ||
pficon-data-processor | pficon | DataProcessorIcon | Represents a data processor | ||
pficon-data-sink | pficon | DataSinkIcon | Represents a data sink | ||
pficon-data-source | pficon | DataSourceIcon | Represents a data source | ||
pficon-degraded | pficon | DegradedIcon | Volume replication is degraded | ||
pficon-disconnected | pficon | DisconnectedIcon | Represents an item's power is off and is “down”; this is a more active alternative to “pficon-off” | ||
pficon-domain | pficon | DomainIcon | Represents a domain | ||
pficon-enhancement | pficon | EnhancementIcon | Represents status: enhancement advisory is present | ||
pficon-enterprise | pficon | EnterpriseIcon | Represents an enterprise | ||
pficon-export | pficon | ExportIcon | Indicates the ability to export a file or other data Tooltip:Export | ||
pficon-flavor | pficon | FlavorIcon | Represents a flavor | ||
pficon-import | pficon | ImportIcon | Indicates the ability to import a file or other data | ||
pficon-in-progress | pficon | InProgressIcon | Represents running a determinite action | ||
pficon-infrastructure | pficon | InfrastructureIcon | Represents an infrastructure | ||
pficon-integration | pficon | IntegrationIcon | Represents an integration of two or more objects | ||
pficon-middleware | pficon | MiddlewareIcon | Represents middleware | ||
pficon-migration | pficon | MigrationIcon | Represents an item such as a VM is currently migrating | ||
pficon-module | pficon | ModuleIcon | Represents a module | ||
pficon-monitoring | pficon | MonitoringIcon | Represents monitoring | ||
pficon-multicluster | pficon | MulticlusterIcon | Indicates a multicluster object | ||
pficon-network | pficon | NetworkIcon | Represents network | ||
pficon-off | pficon | OffIcon | Represents status: powered off | ||
pficon-open-drawer-right | pficon | OpenDrawerRightIcon | Open or close a drawer | ||
pficon-openshift | pficon | OpenshiftIcon | Represents brand: OpenShift | ||
pficon-openstack | pficon | OpenstackIcon | Represents brand: OpenStack | ||
pficon-optimize | pficon | OptimizeIcon | Indicates the ability to optimize an item or a process | ||
pficon-package | pficon | PackageIcon | Represents a package | ||
pficon-pending | pficon | PendingIcon | Represents status: pending; currently waiting on contingencies | ||
pficon-pficon-network-range | pficon | PficonNetworkRangeIcon | Represents network range | ||
pficon-pficon-satellite | pficon | PficonSatelliteIcon | Represents brand: Satellite | ||
pficon-pficon-template | pficon | PficonTemplateIcon | Represents a template; includes contents or instructions used to generate one or more instances of a final output | ||
pficon-pficon-vcenter | pficon | PficonVcenterIcon | Represents a vcenter | ||
pficon-port | pficon | PortIcon | Represents a port or route | ||
pficon-private | pficon | PrivateIcon | Represents status: private; cannot access with current credentials | ||
pficon-process-automation | pficon | ProcessAutomationIcon | Represents process automation | ||
pficon-regions | pficon | RegionsIcon | Represents a region | ||
pficon-registry | pficon | RegistryIcon | Represents a registry | ||
pficon-replicator | pficon | ReplicatorIcon | Represents a replicator | ||
pficon-repository | pficon | RepositoryIcon | Represents a repository | ||
pficon-resource-pool | pficon | ResourcePoolIcon | Represents a resource pool | ||
pficon-resources-almost-empty | pficon | ResourcesAlmostEmptyIcon | Represents status: is almost empty | ||
pficon-resources-almost-full | pficon | ResourcesAlmostFullIcon | Represents status: is almost full | ||
pficon-resources-empty | pficon | ResourcesEmptyIcon | Represents status: is empty | ||
pficon-resources-full | pficon | ResourcesFullIcon | Represents status: is full | ||
pficon-running | pficon | RunningIcon | Represents status: running | ||
pficon-save | pficon | SaveIcon | Indicates the ability to save a file or other object | ||
pficon-security | pficon | SecurityIcon | Represents status: security advisory is present | ||
pficon-server-group | pficon | ServerGroupIcon | Represents a server group | ||
pficon-service | pficon | ServiceIcon | Represents a Kubernetes service | ||
pficon-service-catalog | pficon | ServiceCatalogIcon | Indicates availability of a catalog/library to browse | ||
pficon-services | pficon | ServicesIcon | Represents services | ||
pficon-storage-domain | pficon | StorageDomainIcon | Indicates a storage domain | ||
pficon-task | pficon | TaskIcon | Indicates the ability to open a task drawer. Also can represent tasks or activity. Tooltip:Tasks | ||
pficon-tenant | pficon | TenantIcon | Represents a tenant | ||
pficon-topology | pficon | TopologyIcon | Represents data view content in a topology format | ||
pficon-trend-down | pficon | TrendDownIcon | Represents status: downward trend | ||
pficon-trend-up | pficon | TrendUpIcon | Represents status: upward trend | ||
pficon-unknown | pficon | UnknownIcon | Represents status: unknown | ||
pficon-virtual-machine | pficon | VirtualMachineIcon | Represents a virtual machine | ||
pficon-volume | pficon | VolumeIcon | Represents a volume | ||
pficon-zone | pficon | ZoneIcon | Represents a zone; a grouping of servers based on geographic location, network location, or function |
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.
Contextual usage | ||
---|---|---|
pficon-arrow pficon-applications | window-restore | Indicates the ability to open link in a new window |
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-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-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-unplugged pf-icon-plugged | n/a | These icons remain the PatternFly font, but their use is now obsolete |
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-maintenance Tools | fa-wrench | Represents status: in preparation for maintenance |
pf-icon pf-icon-users pf-icon-project fas fa-user-friends | fa-users | Represents multiple users, a user grouping or project |
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) |
pficon-history Undo Alt | fa-undo | Indicates the ability to undo an a step in a historical log |
pf-icon-delete | fa-trash | Indicates the ability to delete |
pf-icon-error-circle-o | fa-times-circle | Indicates the ability to clear existing data, such as filter criteria or tags |
pf-icon-close | fa-times | Indicates the ability to close a modal or other panel |
pf-icon-thumb-tack | fa-thumbtack | Indicates the ability to pin an item |
fa-th-large | fa-th-large | Represents data view content in a large card format |
fa-th | fa-th | Represents data view content in a small card format |
fa-tachometer | fa-tachometer-alt | Indicates the availability of a dashboard view |
fa-table | fa-table | Represents data view content in a table format |
Sync | fa-sync-alt | Indicates the availability of a sync action |
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. |
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. |
pficon-search | fa-search | Indicates that that user may perform a search |
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 |
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 pf-icon-print | fa-print | Indicates the availability of a print function |
pf-icon-on | fa-power-off | Represents status: powered on |
fas fa-edit pf-icon pf-icon-edit | fa-pencil-alt | Indicates the ability to edit |
Outline Pause Circle pf-icon-paused | fa-pause-circle | Represents status: an interruption and/or stoppage of a process |
pf-icon-cpu | fa-microchip | Represents the CPU of a device |
pf-icon pf-icon-memory | fa-memory | Represents the memory on a device |
fa-map-marker | fa-map-marker | Represents a locale |
pf-icon-unlocked | fa-lock-open | Represents status: unlocked |
pf-icon-locked | fa-lock | Represents status: locked |
pficon-key | fa-key | Represents an SSH key or similar security concepts |
pf-icon-info | fa-info-circle | Represents alert status: information |
pf-icon pf-icon-home | fa-home | Indicates a link to a default/home page |
pf-icon-history | fa-history | Represents status: restarting |
pf-container-node | fa-hdd | Represents a single node or host |
pf-icon-folder-open | fa-folder-open | Represents an expanded hierarchical group. Indicates the ability to collapse the group. |
pf-icon-folder-close | fa-folder | Represents a collapsed hierarchical group. Indicates the ability to expand the group. |
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 pf-icon-filter | fa-filter | Indicates the ability to filter search results or datasets |
pf-icon-warning-triangle | fa-exclamation-triangle | Represents alert status: warning |
pficon-error-circle-o | fa-exclamation-circle | Represents alert status: danger, major error or critical error |
pf-icon-screen TV | fa-desktop | Represents a desktop, workstation or terminal |
pf-icon-chat | fa-comments | Indicates availability of commenting |
fa-columns | fa-columns | Indicates the ability to manage columns for a table view |
fas fa-cogs pficon-settings | fa-cog | Indicates availability of configurable settings |
fa-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. |
pf-icon-orders | fa-clipboard-check | Represents orders or tasks |
pf-icon-ok Outlined Check Circle | fa-check-circle | Represents alert status: success |
Sort Down | fa-caret-down | Indicates the ability to acces options for components like drop-downs, filters and page ranges |
fas fa-calendar-alt | fa-calendar-alt | Indicates a date picker function is available |
fa-bell fa-bell-slash | fa-bell | Indicates the ability to open a notification drawer. |
pf-icon-rebalance | fa-balance-scale | Represents status: an item needs rebalancing |
fas fa-sort | fa-arrows-alt-v | Indicates the availability of a sorting function in a table header |
fa-arrow-circle-o-up | fa-arrow-circle-up | Represents status: an item (such as a VM) is up |
fa-arrow-circle-o-down | fa-arrow-circle-down | Represents status: an item (such as a VM) is down |
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. |
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