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 copy any icon to the clipboard, just click on the icon. To use an icon within desktop applications, install PatternFlyIcons-webfont.ttf or FontAwesome.otf, set it as the font in your application, and paste the icons into your designs.
You can also download the set of PatternFly icon SVGs.
Search for an icon:
PatternFly Icons
Custom icons and selections from IcoMoon – Free.
| Icon | Name | Content String | Definition | Type | Contextual Usage |
|---|---|---|---|---|---|
| fa-angle-double-left | f100 | First | Used to navigate to the first page of a multi-page data set | ||
| fa-angle-double-right | f101 | Last | Used to navigate to the last page of a multi-page data set | ||
| fa-angle-down | f107 | Hide/More | Use for any expandable element, e.g. accordions, progressive disclosure, or expandable lists, to indicate that the element is currently expanded. Clicking will hide or collapse the element. Can also be used to expose full content when content is truncated | ||
| fa-angle-left | f104 | Previous | Used to navigate to the previous page of a multi-page data set | ||
| fa-angle-right | f105 | Show/Next | Use for any expandable element, e.g. accordions, progressive disclosure, or expandable lists, to indicate that the element is currently expanded. Clicking will hide or collapse the element. Also use to navigate to the next page in a multipage data set. | ||
| fa-angle-up | f106 | Less | Use for any expandable element, e.g. accordions, progressive disclosure, or expandable lists, to indicate that content is currently hidden. Clicking will show the element. | ||
| fa-arrow-circle-o-down | f01a | Down | Status | An object is down, e.g. “VM is down” | |
| fa-arrow-circle-o-up | f01b | Up | Status | An object is up, e.g. “VM is up” | |
| fa-ban | f05e | Status | Used when objects are in a cancelled, terminated, or otherwise not ready or disabled state | ||
| fa-bell | f0f3 | Notification/Firing | Object/Status | Used in masthead for Notification Drawer alerts/notifications. Alternatively, indicates that an alert is currently firing | |
| fa-bell-o | f0a2 | Impending | Status | Alert will fire soon | |
| fa-bell-slash | f1f6 | Silenced | Status | Alert is silenced and will not fire | |
| fa-bug | f188 | Bug | Status | Indicates when there is a bug that needs to be fixed | |
| fa-check | f00c | OK/Accept | Status/Action | For use in content views (e.g. table) to indicate OK status; As an action to accept changes | |
| fa-clock-o | f017 | Time | Indicates time. If interactive, opens a timepicker control | ||
| fa-cube | f1b2 | Container | Object | Indicates a container | |
| fa-cubes | f1b3 | Pod | Object | Indicates a pod, or a number of pods | |
| fa-columns | f0db | Show/Hide Columns | Action | To show/hide columns on a table view | |
| fa-database | f1c0 | Database | Object | Indicates a database | |
| fa-ellipsis-v | f142 | Actions/More Actions | To show a menu of actions or additional actions when used on an action bar with other buttons | ||
| fa-external-link | f08e | External link | Indicates that a link goes to an external site | ||
| fa-list | f03a | List View | View Type | When selected, allows a user to view content in a list view | |
| fa-map-marker | f041 | Location | |||
| fa-minus | f068 | Subtract | Action | Indicates that a user can subtract something | |
| fa-plus | f067 | Add | Action | Used for adding in UI; not for creating or adding new objects (see pficon-circle-add) | |
| fa-plus-square | f0fe | Add | Action | Same as above; alternative to fa-plus | |
| fa-refresh | f021 | Sync | Action | Indicates that the action to sync may be performed | |
| fa-sort-alpha-asc | f15d | Sort Alphabetically Ascending | Action | For ordering a data set alphabetically (Ascending) | |
| fa-sort-alpha-desc | f15e | Sort Alphabetically Descending | Action | For ordering a data set alphabetically (Descending) | |
| fa-sort-asc | f0de | Sort Ascending | Action | For ordering a data table column (Ascending) | |
| fa-sort-desc | f0dd | Sort Descending | Action | For ordering a data table column (Descending) | |
| fa-sort-numeric-asc | f162 | Sort Numerically Ascending | Action | For ordering a data set numerically (Ascending) | |
| fa-sort-numeric-desc | f163 | Sort Numerically Descending | Action | For ordering a data table set numerically (Descending) | |
| fa-sort | f0dc | Sort | Action | Associated with column sort in tables | |
| fa-table | f0ce | Table View | View Type | When selected, allows a user to view content in a table view | |
| fa-tachometer | f0e4 | Dashboard | Object | Indicates the presence of a dashboard view | |
| fa-th-large | f009 | Large Card View | View Type | When selected, allows a user to view content in a large card view | |
| fa-th | f00a | Small Card View | View Type | When selected, allows a user to view content in a small card view | |
| pficon-add-circle-o | e61b | Create/Add | Action | Indicates that a user may create or add something | |
| pficon-applications | e936 | Applications | Object | ||
| pficon-arrow | e929 | Open | Action | Open in a new tab or window | |
| pficon-asleep | e92e | Asleep | Status | Object is asleep or in power suspended mode | |
| pficon-automation | e937 | Automation | Object | Indicates a process-automation object | |
| pficon-blueprint | e915 | Blueprint | Object | ||
| pficon-build | e902 | Build | Object | Indicates a build | |
| pficon-builder-image | e800 | Image | Object | Indicates a builder image | |
| pficon-bundle | e918 | Package | Object | Indicates a package; used in Satellite, Cockpit and Composer to indicate a generic package, rpm | |
| pficon-catalog | e939 | Catalog | Object | Indicates a catalog/library that the user may browse or search through | |
| pficon-close | e60b | Close | Action | Allows a user to close out of a modal | |
| pficon-cloud-security | e903 | Cloud Security | Object | Indicates cloud security | |
| pficon-cloud-tenant | e904 | Cloud Tenant | Object | Indicates a cloud tenant | |
| pficon-cluster | e620 | Cluster | Object | Indicates a cluster | |
| pficon-connected | e938 | Connected | Status | Power is on and something is “up”; this is a more active alternative to “pficon-on” | |
| pficon-container-node | e621 | Node or Host | Object | Indicates a container node or host | |
| pficon-cpu | e927 | CPU | Object | Indicates a CPU | |
| pficon-degraded | e91b | Degraded | Status | Volume replication is degraded | |
| pficon-delete | e611 | Delete | Action | Delete an item | |
| pficon-disconnected | e939 | Disconnected | Status | Power is off and something is “down”; this is a more active alternative to “pficon-off” | |
| pficon-domain | e919 | Domain | Object | Indicates a domain | |
| pficon-edit | e60a | Edit | Action | Indicates that something may be edited | |
| pficon-enhancement | e93a | Enhancement Advisory | Status | Indicates that an enhancement advisory is present | |
| pficon-enterprise | e906 | Enterprise | Object | Indicates an enterprise | |
| pficon-error-circle-o | e926 | Error | Status | Indicates that there is a major or critical error present | |
| pficon-export | e616 | Export | Action | Allows the user to export a file or other object | |
| pficon-filter | e943 | Filter | Action | Allows a user to filter results or datasets | |
| pficon-folder-close | e607 | Folder Close | Seen in file browser | ||
| pficon-folder-open | e606 | Folder Open | Seen in file browser | ||
| pficon-help | e605 | Help | Action | Indicates that help may be found for a particular subject | |
| pficon-history | e617 | History | Object | Indicates history | |
| pficon-home | e618 | Home | Takes the user home | ||
| pficon-image | e61f | Image | Object | Indicates an image | |
| pficon-import | e615 | Import | Action | Allows the user to import a file or other object | |
| pficon-in-progress | e933 | In progress | Status | the object in question has an action running (with an end goal) | |
| pficon-info | e92b | Info | Action | Indicates that more information may be found about a subject | |
| pficon-infrastructure | e93d | Infrastructure | Object | Indicates an infrastructure | |
| pficon-integration | e948 | Integration | Object | Indicates an integration of two or more objects | |
| pficon-key | e924 | Key | Object | Used to reference an SSH key or something similar | |
| pficon-locked | e923 | Locked | Status | Indicates that something is locked (for example, access) | |
| pficon-maintenance | e932 | Maintenance in Progress | Status | VM or other object is currently preparing for maintenance | |
| pficon-memory | e908 | Memory | Object | Indicates the memory of a device | |
| pficon-migration | e931 | Migration in Progress | Status | VM or other object is in the middle of a migration | |
| pficon-messages | e603 | Message | Object | Indicates a message | |
| pficon-middleware | e917 | Middleware | Object | Indicates “middleware” | |
| pficon-network | e909 | Network | Object | ||
| pficon-off | e92d | Off | Status | x is powered off | |
| pficon-ok | e602 | OK | Status | Everything is OK/Ready/Finished | |
| pficon-on | e92c | On | Status | x is powered on | |
| pficon-on-running | e925 | On and running | Status | x is on/up and also running/active | |
| pficon-optimize | e93e | Optimize | Action | Indicates the suggestion to optimize, or the ability to optimize a process | |
| pficon-orders | e93f | Orders/Tasks | Object | Indicates orders or tasks | |
| pficon-paused | e92f | Paused | Status | VM or other object is paused. (The processor execution is stopped at whatever point the process was in) | |
| pficon-pending | e930 | Pending | Status | x is pending; currently waiting on contingencies (alternative to pficon-pending-2) | |
| pficon-pending-2 | f252 | Pending | Status | x is pending; currently waiting on contingencies (alternative to pficon-pending) | |
| pficon-plugged | e930 | Plugged In | Status | x is connected, or “plugged in” | |
| pficon-print | e612 | Action | Indicates that a user may print content | ||
| pficon-private | e914 | Private | Status | ||
| pficon-process-automation | e949 | Process Automation | Object | ||
| pficon-rebalance | e91c | Rebalance | Status | x needs rebalancing | |
| pficon-regions | e90a | Regions | Object | Indicates a region | |
| pficon-registry | e623 | Registry | Object | Indicates a registry | |
| pficon-replicator | e624 | Replicator | Object | Indicates a replicator | |
| pficon-repository | e90b | Repository | Object | Indicates a repository | |
| pficon-resource-pool | e90c | Resource pool | Object | Indicates a resource pool | |
| pficon-resources-almost-empty | e91d | Almost Empty | Status | x is almost empty | |
| pficon-resources-almost-full | e912 | Almost Full | Status | x is almost full | |
| pficon-resources-full | e913 | Full | Status | x is full | |
| pficon-restart | e617 | Restarting | Status/Action | x is currently restarting or rebooting | |
| pficon-route | e625 | Route | Object | Indicates a route | |
| pficon-save | e601 | Save | Action | Save a file or other object | |
| pficon-search | e921 | Search | Action | Indicates that that user may perform a search | |
| pficon-security | e946 | Security Advisory | Status | Indicates the presence of a security advisory | |
| pficon-server | e90d | Server | Object | Indicates a server | |
| pficon-server-group | e91a | Server Group | Object | Indicates a server group | |
| pficon-service | e61e | Service | Object | Indicates a Kubernetes service | |
| pficon-services | e947 | Services | Object | Indicates services | |
| pficon-settings | e610 | Settings | Action | Indicates that settings may be changed by a user | |
| pficon-sort-common-asc | e94e | Sort Smallest to Largest | Action | Used to communicate a smallest-to-largest sort order for non-numerical and non-alphabetized data types. May be used to sort by size, by date, by distance… etc. | |
| pficon-sort-common-desc | e94f | Sort Largest to Smallest | Action | Used to communicate a largest-to-smallest sort order for non-numerical and non-alphabetized data types. May be used to sort by size, by date, by distance… etc. | |
| pficon-spinner2 | e613 | Refresh | Action | Indicates the ability to refresh. Please use this animated spinner to indicate that something is “loading” or in the middle of processing | |
| pficon-storage-domain | e90e | Storage Domain | Object | Indicates a storage domain | |
| pficon-template | e94c | Template | Object | A set of contents or instructions that are used to generate one or more instances of a final output. | |
| pficon-tenant | e916 | Tenant | Object | Indicates a tenant | |
| pficon-thumb-tack-o | e920 | ||||
| pficon-topology | e608 | Topology View | View Type | When selected, allows a user to view content in a topology view | |
| pficon-trend-down | e900 | Trend-Down | Status | Indicates a downward trend | |
| pficon-trend-up | e901 | Trend-Up | Status | Indicates an upward trend | |
| pficon-unknown | e935 | Unknown Status | Status | x has an unknown status | |
| pficon-unlocked | e922 | Unlocked | Status | Indicates that something is unlocked (for example, access) | |
| pficon-unplugged | e942 | Unplugged | Status | x is disconnected, or “unplugged” | |
| pficon-user | e91e | User | Object | Indicates a user (often in the masthead, preceding a username) | |
| pficon-users | e91f | Users | Object | Indicates multiple users | |
| pficon-virtual-machine | e90f | Virtual Machine | Object | Indicates a virtual machine | |
| pficon-volume | e910 | Volume | Object | Indicates a volume | |
| pficon-warning-triangle-o | e913 | Warning | Status | Indicates that there is a warning. This is not to be confused with an error. | |
| pficon-zone | e911 | Zone | Object | Indicates a zone; a grouping of servers based on geographic location, network location, or function |