UNPKG

@patternfly/patternfly

Version:

Assets, source, tooling, and content for PatternFly 4

113 lines • 13.3 kB
--- id: Icons --- | icon name | icon | code | | --- | --- | --- | | screen | <i class="pf-icon pf-icon-screen"></i> | &lt;i class=&quot;pf-icon pf-icon-screen&quot;&gt;&lt;/i&gt; | save | <i class="pf-icon pf-icon-save"></i> | &lt;i class=&quot;pf-icon pf-icon-save&quot;&gt;&lt;/i&gt; | ok | <i class="pf-icon pf-icon-ok"></i> | &lt;i class=&quot;pf-icon pf-icon-ok&quot;&gt;&lt;/i&gt; | messages | <i class="pf-icon pf-icon-messages"></i> | &lt;i class=&quot;pf-icon pf-icon-messages&quot;&gt;&lt;/i&gt; | help | <i class="pf-icon pf-icon-help"></i> | &lt;i class=&quot;pf-icon pf-icon-help&quot;&gt;&lt;/i&gt; | folder-open | <i class="pf-icon pf-icon-folder-open"></i> | &lt;i class=&quot;pf-icon pf-icon-folder-open&quot;&gt;&lt;/i&gt; | folder-close | <i class="pf-icon pf-icon-folder-close"></i> | &lt;i class=&quot;pf-icon pf-icon-folder-close&quot;&gt;&lt;/i&gt; | topology | <i class="pf-icon pf-icon-topology"></i> | &lt;i class=&quot;pf-icon pf-icon-topology&quot;&gt;&lt;/i&gt; | edit | <i class="pf-icon pf-icon-edit"></i> | &lt;i class=&quot;pf-icon pf-icon-edit&quot;&gt;&lt;/i&gt; | close | <i class="pf-icon pf-icon-close"></i> | &lt;i class=&quot;pf-icon pf-icon-close&quot;&gt;&lt;/i&gt; | equalizer | <i class="pf-icon pf-icon-equalizer"></i> | &lt;i class=&quot;pf-icon pf-icon-equalizer&quot;&gt;&lt;/i&gt; | remove2 | <i class="pf-icon pf-icon-remove2"></i> | &lt;i class=&quot;pf-icon pf-icon-remove2&quot;&gt;&lt;/i&gt; | print | <i class="pf-icon pf-icon-print"></i> | &lt;i class=&quot;pf-icon pf-icon-print&quot;&gt;&lt;/i&gt; | spinner2 | <i class="pf-icon pf-icon-spinner2"></i> | &lt;i class=&quot;pf-icon pf-icon-spinner2&quot;&gt;&lt;/i&gt; | spinner | <i class="pf-icon pf-icon-spinner"></i> | &lt;i class=&quot;pf-icon pf-icon-spinner&quot;&gt;&lt;/i&gt; | import | <i class="pf-icon pf-icon-import"></i> | &lt;i class=&quot;pf-icon pf-icon-import&quot;&gt;&lt;/i&gt; | export | <i class="pf-icon pf-icon-export"></i> | &lt;i class=&quot;pf-icon pf-icon-export&quot;&gt;&lt;/i&gt; | history | <i class="pf-icon pf-icon-history"></i> | &lt;i class=&quot;pf-icon pf-icon-history&quot;&gt;&lt;/i&gt; | home | <i class="pf-icon pf-icon-home"></i> | &lt;i class=&quot;pf-icon pf-icon-home&quot;&gt;&lt;/i&gt; | add-circle-o | <i class="pf-icon pf-icon-add-circle-o"></i> | &lt;i class=&quot;pf-icon pf-icon-add-circle-o&quot;&gt;&lt;/i&gt; | service | <i class="pf-icon pf-icon-service"></i> | &lt;i class=&quot;pf-icon pf-icon-service&quot;&gt;&lt;/i&gt; | os-image | <i class="pf-icon pf-icon-os-image"></i> | &lt;i class=&quot;pf-icon pf-icon-os-image&quot;&gt;&lt;/i&gt; | cluster | <i class="pf-icon pf-icon-cluster"></i> | &lt;i class=&quot;pf-icon pf-icon-cluster&quot;&gt;&lt;/i&gt; | container-node | <i class="pf-icon pf-icon-container-node"></i> | &lt;i class=&quot;pf-icon pf-icon-container-node&quot;&gt;&lt;/i&gt; | registry | <i class="pf-icon pf-icon-registry"></i> | &lt;i class=&quot;pf-icon pf-icon-registry&quot;&gt;&lt;/i&gt; | replicator | <i class="pf-icon pf-icon-replicator"></i> | &lt;i class=&quot;pf-icon pf-icon-replicator&quot;&gt;&lt;/i&gt; | globe-route | <i class="pf-icon pf-icon-globe-route"></i> | &lt;i class=&quot;pf-icon pf-icon-globe-route&quot;&gt;&lt;/i&gt; | builder-image | <i class="pf-icon pf-icon-builder-image"></i> | &lt;i class=&quot;pf-icon pf-icon-builder-image&quot;&gt;&lt;/i&gt; | trend-down | <i class="pf-icon pf-icon-trend-down"></i> | &lt;i class=&quot;pf-icon pf-icon-trend-down&quot;&gt;&lt;/i&gt; | trend-up | <i class="pf-icon pf-icon-trend-up"></i> | &lt;i class=&quot;pf-icon pf-icon-trend-up&quot;&gt;&lt;/i&gt; | build | <i class="pf-icon pf-icon-build"></i> | &lt;i class=&quot;pf-icon pf-icon-build&quot;&gt;&lt;/i&gt; | cloud-security | <i class="pf-icon pf-icon-cloud-security"></i> | &lt;i class=&quot;pf-icon pf-icon-cloud-security&quot;&gt;&lt;/i&gt; | cloud-tenant | <i class="pf-icon pf-icon-cloud-tenant"></i> | &lt;i class=&quot;pf-icon pf-icon-cloud-tenant&quot;&gt;&lt;/i&gt; | project | <i class="pf-icon pf-icon-project"></i> | &lt;i class=&quot;pf-icon pf-icon-project&quot;&gt;&lt;/i&gt; | enterprise | <i class="pf-icon pf-icon-enterprise"></i> | &lt;i class=&quot;pf-icon pf-icon-enterprise&quot;&gt;&lt;/i&gt; | flavor | <i class="pf-icon pf-icon-flavor"></i> | &lt;i class=&quot;pf-icon pf-icon-flavor&quot;&gt;&lt;/i&gt; | memory | <i class="pf-icon pf-icon-memory"></i> | &lt;i class=&quot;pf-icon pf-icon-memory&quot;&gt;&lt;/i&gt; | network | <i class="pf-icon pf-icon-network"></i> | &lt;i class=&quot;pf-icon pf-icon-network&quot;&gt;&lt;/i&gt; | regions | <i class="pf-icon pf-icon-regions"></i> | &lt;i class=&quot;pf-icon pf-icon-regions&quot;&gt;&lt;/i&gt; | repository | <i class="pf-icon pf-icon-repository"></i> | &lt;i class=&quot;pf-icon pf-icon-repository&quot;&gt;&lt;/i&gt; | resource-pool | <i class="pf-icon pf-icon-resource-pool"></i> | &lt;i class=&quot;pf-icon pf-icon-resource-pool&quot;&gt;&lt;/i&gt; | server | <i class="pf-icon pf-icon-server"></i> | &lt;i class=&quot;pf-icon pf-icon-server&quot;&gt;&lt;/i&gt; | storage-domain | <i class="pf-icon pf-icon-storage-domain"></i> | &lt;i class=&quot;pf-icon pf-icon-storage-domain&quot;&gt;&lt;/i&gt; | virtual-machine | <i class="pf-icon pf-icon-virtual-machine"></i> | &lt;i class=&quot;pf-icon pf-icon-virtual-machine&quot;&gt;&lt;/i&gt; | volume | <i class="pf-icon pf-icon-volume"></i> | &lt;i class=&quot;pf-icon pf-icon-volume&quot;&gt;&lt;/i&gt; | zone | <i class="pf-icon pf-icon-zone"></i> | &lt;i class=&quot;pf-icon pf-icon-zone&quot;&gt;&lt;/i&gt; | resources-almost-full | <i class="pf-icon pf-icon-resources-almost-full"></i> | &lt;i class=&quot;pf-icon pf-icon-resources-almost-full&quot;&gt;&lt;/i&gt; | warning-triangle | <i class="pf-icon pf-icon-warning-triangle"></i> | &lt;i class=&quot;pf-icon pf-icon-warning-triangle&quot;&gt;&lt;/i&gt; | private | <i class="pf-icon pf-icon-private"></i> | &lt;i class=&quot;pf-icon pf-icon-private&quot;&gt;&lt;/i&gt; | blueprint | <i class="pf-icon pf-icon-blueprint"></i> | &lt;i class=&quot;pf-icon pf-icon-blueprint&quot;&gt;&lt;/i&gt; | tenant | <i class="pf-icon pf-icon-tenant"></i> | &lt;i class=&quot;pf-icon pf-icon-tenant&quot;&gt;&lt;/i&gt; | middleware | <i class="pf-icon pf-icon-middleware"></i> | &lt;i class=&quot;pf-icon pf-icon-middleware&quot;&gt;&lt;/i&gt; | bundle | <i class="pf-icon pf-icon-bundle"></i> | &lt;i class=&quot;pf-icon pf-icon-bundle&quot;&gt;&lt;/i&gt; | domain | <i class="pf-icon pf-icon-domain"></i> | &lt;i class=&quot;pf-icon pf-icon-domain&quot;&gt;&lt;/i&gt; | server-group | <i class="pf-icon pf-icon-server-group"></i> | &lt;i class=&quot;pf-icon pf-icon-server-group&quot;&gt;&lt;/i&gt; | degraded | <i class="pf-icon pf-icon-degraded"></i> | &lt;i class=&quot;pf-icon pf-icon-degraded&quot;&gt;&lt;/i&gt; | rebalance | <i class="pf-icon pf-icon-rebalance"></i> | &lt;i class=&quot;pf-icon pf-icon-rebalance&quot;&gt;&lt;/i&gt; | resources-almost-empty | <i class="pf-icon pf-icon-resources-almost-empty"></i> | &lt;i class=&quot;pf-icon pf-icon-resources-almost-empty&quot;&gt;&lt;/i&gt; | user | <i class="pf-icon pf-icon-user"></i> | &lt;i class=&quot;pf-icon pf-icon-user&quot;&gt;&lt;/i&gt; | users | <i class="pf-icon pf-icon-users"></i> | &lt;i class=&quot;pf-icon pf-icon-users&quot;&gt;&lt;/i&gt; | thumb-tack | <i class="pf-icon pf-icon-thumb-tack"></i> | &lt;i class=&quot;pf-icon pf-icon-thumb-tack&quot;&gt;&lt;/i&gt; | unlocked | <i class="pf-icon pf-icon-unlocked"></i> | &lt;i class=&quot;pf-icon pf-icon-unlocked&quot;&gt;&lt;/i&gt; | locked | <i class="pf-icon pf-icon-locked"></i> | &lt;i class=&quot;pf-icon pf-icon-locked&quot;&gt;&lt;/i&gt; | key | <i class="pf-icon pf-icon-key"></i> | &lt;i class=&quot;pf-icon pf-icon-key&quot;&gt;&lt;/i&gt; | asleep | <i class="pf-icon pf-icon-asleep"></i> | &lt;i class=&quot;pf-icon pf-icon-asleep&quot;&gt;&lt;/i&gt; | error-circle-o | <i class="pf-icon pf-icon-error-circle-o"></i> | &lt;i class=&quot;pf-icon pf-icon-error-circle-o&quot;&gt;&lt;/i&gt; | cpu | <i class="pf-icon pf-icon-cpu"></i> | &lt;i class=&quot;pf-icon pf-icon-cpu&quot;&gt;&lt;/i&gt; | chat | <i class="pf-icon pf-icon-chat"></i> | &lt;i class=&quot;pf-icon pf-icon-chat&quot;&gt;&lt;/i&gt; | arrow | <i class="pf-icon pf-icon-arrow"></i> | &lt;i class=&quot;pf-icon pf-icon-arrow&quot;&gt;&lt;/i&gt; | resources-full | <i class="pf-icon pf-icon-resources-full"></i> | &lt;i class=&quot;pf-icon pf-icon-resources-full&quot;&gt;&lt;/i&gt; | info | <i class="pf-icon pf-icon-info"></i> | &lt;i class=&quot;pf-icon pf-icon-info&quot;&gt;&lt;/i&gt; | in-progress | <i class="pf-icon pf-icon-in-progress"></i> | &lt;i class=&quot;pf-icon pf-icon-in-progress&quot;&gt;&lt;/i&gt; | maintenance | <i class="pf-icon pf-icon-maintenance"></i> | &lt;i class=&quot;pf-icon pf-icon-maintenance&quot;&gt;&lt;/i&gt; | migration | <i class="pf-icon pf-icon-migration"></i> | &lt;i class=&quot;pf-icon pf-icon-migration&quot;&gt;&lt;/i&gt; | off | <i class="pf-icon pf-icon-off"></i> | &lt;i class=&quot;pf-icon pf-icon-off&quot;&gt;&lt;/i&gt; | on-running | <i class="pf-icon pf-icon-on-running"></i> | &lt;i class=&quot;pf-icon pf-icon-on-running&quot;&gt;&lt;/i&gt; | on | <i class="pf-icon pf-icon-on"></i> | &lt;i class=&quot;pf-icon pf-icon-on&quot;&gt;&lt;/i&gt; | paused | <i class="pf-icon pf-icon-paused"></i> | &lt;i class=&quot;pf-icon pf-icon-paused&quot;&gt;&lt;/i&gt; | pending | <i class="pf-icon pf-icon-pending"></i> | &lt;i class=&quot;pf-icon pf-icon-pending&quot;&gt;&lt;/i&gt; | rebooting | <i class="pf-icon pf-icon-rebooting"></i> | &lt;i class=&quot;pf-icon pf-icon-rebooting&quot;&gt;&lt;/i&gt; | unknown | <i class="pf-icon pf-icon-unknown"></i> | &lt;i class=&quot;pf-icon pf-icon-unknown&quot;&gt;&lt;/i&gt; | applications | <i class="pf-icon pf-icon-applications"></i> | &lt;i class=&quot;pf-icon pf-icon-applications&quot;&gt;&lt;/i&gt; | automation | <i class="pf-icon pf-icon-automation"></i> | &lt;i class=&quot;pf-icon pf-icon-automation&quot;&gt;&lt;/i&gt; | connected | <i class="pf-icon pf-icon-connected"></i> | &lt;i class=&quot;pf-icon pf-icon-connected&quot;&gt;&lt;/i&gt; | catalog | <i class="pf-icon pf-icon-catalog"></i> | &lt;i class=&quot;pf-icon pf-icon-catalog&quot;&gt;&lt;/i&gt; | enhancement | <i class="pf-icon pf-icon-enhancement"></i> | &lt;i class=&quot;pf-icon pf-icon-enhancement&quot;&gt;&lt;/i&gt; | pficon-history | <i class="pf-icon pf-icon-pficon-history"></i> | &lt;i class=&quot;pf-icon pf-icon-pficon-history&quot;&gt;&lt;/i&gt; | disconnected | <i class="pf-icon pf-icon-disconnected"></i> | &lt;i class=&quot;pf-icon pf-icon-disconnected&quot;&gt;&lt;/i&gt; | infrastructure | <i class="pf-icon pf-icon-infrastructure"></i> | &lt;i class=&quot;pf-icon pf-icon-infrastructure&quot;&gt;&lt;/i&gt; | optimize | <i class="pf-icon pf-icon-optimize"></i> | &lt;i class=&quot;pf-icon pf-icon-optimize&quot;&gt;&lt;/i&gt; | orders | <i class="pf-icon pf-icon-orders"></i> | &lt;i class=&quot;pf-icon pf-icon-orders&quot;&gt;&lt;/i&gt; | plugged | <i class="pf-icon pf-icon-plugged"></i> | &lt;i class=&quot;pf-icon pf-icon-plugged&quot;&gt;&lt;/i&gt; | service-catalog | <i class="pf-icon pf-icon-service-catalog"></i> | &lt;i class=&quot;pf-icon pf-icon-service-catalog&quot;&gt;&lt;/i&gt; | unplugged | <i class="pf-icon pf-icon-unplugged"></i> | &lt;i class=&quot;pf-icon pf-icon-unplugged&quot;&gt;&lt;/i&gt; | filter | <i class="pf-icon pf-icon-filter"></i> | &lt;i class=&quot;pf-icon pf-icon-filter&quot;&gt;&lt;/i&gt; | monitoring | <i class="pf-icon pf-icon-monitoring"></i> | &lt;i class=&quot;pf-icon pf-icon-monitoring&quot;&gt;&lt;/i&gt; | port | <i class="pf-icon pf-icon-port"></i> | &lt;i class=&quot;pf-icon pf-icon-port&quot;&gt;&lt;/i&gt; | security | <i class="pf-icon pf-icon-security"></i> | &lt;i class=&quot;pf-icon pf-icon-security&quot;&gt;&lt;/i&gt; | services | <i class="pf-icon pf-icon-services"></i> | &lt;i class=&quot;pf-icon pf-icon-services&quot;&gt;&lt;/i&gt; | integration | <i class="pf-icon pf-icon-integration"></i> | &lt;i class=&quot;pf-icon pf-icon-integration&quot;&gt;&lt;/i&gt; | process-automation | <i class="pf-icon pf-icon-process-automation"></i> | &lt;i class=&quot;pf-icon pf-icon-process-automation&quot;&gt;&lt;/i&gt; | pficon-network-range | <i class="pf-icon pf-icon-pficon-network-range"></i> | &lt;i class=&quot;pf-icon pf-icon-pficon-network-range&quot;&gt;&lt;/i&gt; | pficon-satellite | <i class="pf-icon pf-icon-pficon-satellite"></i> | &lt;i class=&quot;pf-icon pf-icon-pficon-satellite&quot;&gt;&lt;/i&gt; | pficon-template | <i class="pf-icon pf-icon-pficon-template"></i> | &lt;i class=&quot;pf-icon pf-icon-pficon-template&quot;&gt;&lt;/i&gt; | pficon-vcenter | <i class="pf-icon pf-icon-pficon-vcenter"></i> | &lt;i class=&quot;pf-icon pf-icon-pficon-vcenter&quot;&gt;&lt;/i&gt; | pficon-sort-common-asc | <i class="pf-icon pf-icon-pficon-sort-common-asc"></i> | &lt;i class=&quot;pf-icon pf-icon-pficon-sort-common-asc&quot;&gt;&lt;/i&gt; | pficon-sort-common-desc | <i class="pf-icon pf-icon-pficon-sort-common-desc"></i> | &lt;i class=&quot;pf-icon pf-icon-pficon-sort-common-desc&quot;&gt;&lt;/i&gt; | pficon-dragdrop | <i class="pf-icon pf-icon-pficon-dragdrop"></i> | &lt;i class=&quot;pf-icon pf-icon-pficon-dragdrop&quot;&gt;&lt;/i&gt;