Edit this page

Icons

Defining icons help abstract how your theme's icons are presented throughout both admin and public themes. By referring to an icon by a registered universal slug and letting the registry provide the class you can easily swap out icon implementations.

Basic Usage

Icon definitions are only a string. If the icon is not found in the registry then the string will be used as-is as the icon class.

'icon' => 'addon' // <i class="fa fa-puzzle-piece"></i>

'icon' => 'my-icon' //  <i class="my-icon"></i>

The Icon Registry

These are all the icons registered in Anomaly\Streams\Platform\Ui\Icon\IconRegistry class.

'addon'                => 'fa fa-puzzle-piece',
'adjust'               => 'glyphicons glyphicons-adjust-alt',
'airplane'             => 'glyphicons glyphicons-airplane',
'amex'                 => 'fa fa-cc-amex',
'arrows-h'             => 'fa fa-arrows-h',
'arrows-v'             => 'fa fa-arrows-v',
'ban'                  => 'fa fa-ban',
'bars'                 => 'fa fa-bars',
'brush'                => 'glyphicons glyphicons-brush',
'calendar'             => 'glyphicons glyphicons-calendar',
'car'                  => 'glyphicons glyphicons-car',
'check'                => 'fa fa-check',
'check-circle'         => 'fa fa-check-circle',
'check-circle-alt'     => 'fa fa-check-circle-o',
'check-square-alt'     => 'fa fa-check-square-o',
'circle'               => 'fa fa-circle',
'circle-alt'           => 'fa fa-circle-o',
'circle-question-mark' => 'glyphicons glyphicons-circle-question-mark',
'cloud-plus'           => 'glyphicons glyphicons-cloud-plus',
'cloud-upload'         => 'fa fa-cloud-upload',
'cloud-upload-alt'     => 'glyphicons glyphicons-cloud-upload',
'code'                 => 'fa fa-code',
'code-fork'            => 'fa fa-code-fork',
'cog'                  => 'fa fa-cog',
'cogs'                 => 'fa fa-cogs',
'comments'             => 'glyphicons glyphicons-comments',
'compress'             => 'fa fa-compress',
'conversation'         => 'glyphicons glyphicons-conversation',
'credit-card'          => 'glyphicons glyphicons-credit-card',
'cubes'                => 'fa fa-cubes',
'dashboard'            => 'fa fa-dashboard',
'database'             => 'fa fa-database',
'diners-club'          => 'fa  fa-cc-diners-club',
'discover'             => 'fa fa-cc-discover',
'download'             => 'fa fa-download',
'duplicate'            => 'glyphicons glyphicons-duplicate',
'envelope'             => 'fa fa-envelope',
'envelope-alt'         => 'fa fa-envelope-o',
'exchange'             => 'fa fa-exchange',
'exit'                 => 'fa fa-sign-out',
'expand'               => 'fa fa-expand',
'external-link'        => 'fa fa-external-link',
'eyedropper'           => 'glyphicons glyphicons-eyedropper',
'facebook'             => 'fa fa-facebook',
'facebook-square'      => 'fa fa-facebook-square',
'facetime-video'       => 'glyphicons glyphicons-facetime-video',
'file'                 => 'fa fa-file-o',
'file-image'           => 'fa fa-file-image-o',
'film'                 => 'fa fa-film',
'filter'               => 'fa fa-filter',
'fire'                 => 'glyphicons glyphicons-fire',
'flag'                 => 'fa fa-flag',
'folder-closed'        => 'glyphicons glyphicons-folder-closed',
'folder-open'          => 'glyphicons glyphicons-folder-open',
'fullscreen'           => 'glyphicons glyphicons-fullscreen',
'git-branch'           => 'glyphicons glyphicons-git-branch',
'global'               => 'glyphicons glyphicons-global',
'globe'                => 'glyphicons glyphicons-globe',
'home'                 => 'fa fa-home',
'jcb'                  => 'fa fa-cc-jcb',
'keys'                 => 'glyphicons glyphicons-keys',
'language'             => 'fa fa-language',
'laptop'               => 'fa fa-laptop',
'link'                 => 'glyphicons glyphicons-link',
'list-alt'             => 'fa fa-list-alt',
'list-ol'              => 'fa fa-list-ol',
'list-ul'              => 'fa fa-list-ul',
'lock'                 => 'fa fa-lock',
'locked'               => 'fa fa-lock',
'magic'                => 'glyphicons glyphicons-magic',
'map-marker'           => 'fa fa-map-marker',
'mastercard'           => 'fa fa-cc-mastercard',
'minus'                => 'fa fa-minus',
'newspaper'            => 'fa fa-newspaper-o',
'options'              => 'fa fa-options',
'order'                => 'glyphicons glyphicons-sort',
'paperclip'            => 'glyphicons glyphicons-paperclip',
'paypal'               => 'fa fa-cc-paypal',
'pencil'               => 'fa fa-pencil',
'percent'              => 'fa fa-percent',
'phone'                => 'fa fa-phone',
'picture'              => 'glyphicons glyphicons-picture',
'play'                 => 'fa fa-play',
'plug'                 => 'fa fa-plug',
'plus'                 => 'fa fa-plus',
'plus-circle'          => 'fa fa-plus-circle',
'plus-square'          => 'fa fa-plus-square',
'power-off'            => 'fa fa-power-off',
'question'             => 'fa fa-question',
'question-circle'      => 'fa fa-question-circle',
'quote-left'           => 'fa fa-quote-left',
'quote-right'          => 'fa fa-quote-right',
'redo'                 => 'glyphicons glyphicons-redo',
'refresh'              => 'fa fa-refresh',
'repeat'               => 'fa fa-repeat',
'retweet'              => 'glyphicons glyphicons-retweet',
'rss'                  => 'fa fa-rss',
'rss-square'           => 'fa fa-rss-square',
'save'                 => 'fa fa-save',
'scissors'             => 'glyphicons glyphicons-scissors-alt',
'search'               => 'fa fa-search',
'server'               => 'glyphicons glyphicons-server',
'share'                => 'fa fa-share-alt',
'shopping-cart'        => 'glyphicons glyphicons-shopping-cart',
'sign-in'              => 'fa fa-sign-in',
'sign-out'             => 'fa fa-sign-out',
'sitemap'              => 'fa fa-sitemap',
'sliders'              => 'fa fa-sliders',
'sort-ascending'       => 'glyphicons glyphicons-sort-by-attributes',
'sort-descending'      => 'glyphicons glyphicons-sort-by-attributes-alt',
'sortable'             => 'glyphicons glyphicons-sorting',
'square'               => 'fa fa-square',
'square-alt'           => 'fa fa-square-o',
'star'                 => 'fa fa-star',
'stripe'               => 'fa-cc-stripe',
'tag'                  => 'fa fa-tag',
'tags'                 => 'fa fa-tags',
'th'                   => 'fa fa-th',
'th-large'             => 'fa fa-th-large',
'thumbnails'           => 'glyphicons glyphicons-thumbnails',
'times'                => 'fa fa-times',
'times-circle'         => 'fa fa-times-circle',
'times-square'         => 'fa fa-times-square',
'translate'            => 'glyphicons glyphicons-translate',
'trash'                => 'fa fa-trash',
'truck'                => 'fa fa-truck',
'twitter'              => 'fa fa-twitter',
'unlock'               => 'fa fa-unlock',
'upload'               => 'fa fa-upload',
'usd'                  => 'fa fa-usd',
'user'                 => 'fa fa-user',
'users'                => 'fa fa-users',
'video-camera'         => 'fa fa-video-camera',
'warning'              => 'fa fa-warning',
'wrench'               => 'fa fa-wrench',
'youtube'              => 'fa fa-youtube',