Font Awesome

The Gravity admin control panel currently uses an older alpha version of the Font Awesome 5 icon set. Here we'll reference all icons available to you in this alpha set.

Basic Usage

You can place Font Awesome icons just about anywhere using a style prefix and the icon’s name. We’ve tried to make it so that icons will take on the characteristics and appear alongside text naturally.

Font Awesome is designed to be used with inline elements and we recommend sticking with a consistent HTML element to reference them by in your project. We like the <i> tag for brevity and for the fact that most folks are using <em></em> for emphasized/italicized semantic text these days. If that’s not your cup of tea, using a <span> is more semantically correct.

Style	Prefix	Example
Solid	`fas`	`<i class="fas fa-code"></i>`
Regular	`far`	`<i class="far fa-code"></i>`
Light	`fal`	`<i class="fal fa-code"></i>`
Brands	`fab`	`<i class="fab fa-github"></i>`

Since Font Awesome was first implemented and continues to support being rendered using the CSS @font-face method, each of its styles corresponds to a particular font weight:

Style	@font-face weight
Solid	900
Regular	400
Light	300
Brands	400

Available Icons

Glyph Name	Preview
`alarm-clock`	Coming Soon
`align-center`	Coming Soon
`align-justify`	Coming Soon
`align-left`	Coming Soon
`align-right`	Coming Soon
`angle-double-down`	Coming Soon
`angle-double-left`	Coming Soon
`angle-double-right`	Coming Soon
`angle-double-up`	Coming Soon
`angle-down`	Coming Soon
`angle-left`	Coming Soon
`angle-right`	Coming Soon
`angle-up`	Coming Soon
`arrow-alt-circle-down`	Coming Soon
`arrow-alt-circle-left`	Coming Soon
`arrow-alt-circle-right`	Coming Soon
`arrow-alt-circle-up`	Coming Soon
`arrow-alt-down`	Coming Soon
`arrow-alt-from-bottom`	Coming Soon
`arrow-alt-from-left`	Coming Soon
`arrow-alt-from-right`	Coming Soon
`arrow-alt-from-top`	Coming Soon
`arrow-alt-left`	Coming Soon
`arrow-alt-right`	Coming Soon
`arrow-alt-square-down`	Coming Soon
`arrow-alt-square-left`	Coming Soon
`arrow-alt-square-right`	Coming Soon
`arrow-alt-square-up`	Coming Soon
`arrow-alt-to-bottom`	Coming Soon
`arrow-alt-to-left`	Coming Soon
`arrow-alt-to-right`	Coming Soon
`arrow-alt-to-top`	Coming Soon
`arrow-alt-up`	Coming Soon
`arrow-circle-down`	Coming Soon
`arrow-circle-left`	Coming Soon
`arrow-circle-right`	Coming Soon
`arrow-circle-up`	Coming Soon
`arrow-down`	Coming Soon
`arrow-from-bottom`	Coming Soon
`arrow-from-left`	Coming Soon
`arrow-from-right`	Coming Soon
`arrow-from-top`	Coming Soon
`arrow-left`	Coming Soon
`arrow-right`	Coming Soon
`arrow-square-down`	Coming Soon
`arrow-square-left`	Coming Soon
`arrow-square-right`	Coming Soon
`arrow-square-up`	Coming Soon
`arrow-to-bottom`	Coming Soon
`arrow-to-left`	Coming Soon
`arrow-to-right`	Coming Soon
`arrow-to-top`	Coming Soon
`arrow-up`	Coming Soon
`arrows-alt-h`	Coming Soon
`arrows-alt-v`	Coming Soon
`arrows-alt`	Coming Soon
`arrows-h`	Coming Soon
`arrows-v`	Coming Soon
`arrows`	Coming Soon
`backward`	Coming Soon
`badge-check`	Coming Soon
`badge`	Coming Soon
`ban`	Coming Soon
`bars`	Coming Soon
`bold`	Coming Soon
`bomb`	Coming Soon
`book`	Coming Soon
`bullhorn`	Coming Soon
`calendar-alt`	Coming Soon
`calendar-check`	Coming Soon
`calendar-edit`	Coming Soon
`calendar-exclamation`	Coming Soon
`calendar-minus`	Coming Soon
`calendar-plus`	Coming Soon
`calendar-times`	Coming Soon
`calendar`	Coming Soon
`camera-alt`	Coming Soon
`camera-retro`	Coming Soon
`camera`	Coming Soon
`caret-circle-down`	Coming Soon
`caret-circle-left`	Coming Soon
`caret-circle-right`	Coming Soon
`caret-circle-up`	Coming Soon
`caret-down`	Coming Soon
`caret-left`	Coming Soon
`caret-right`	Coming Soon
`caret-square-down`	Coming Soon
`caret-square-left`	Coming Soon
`caret-square-right`	Coming Soon
`caret-square-up`	Coming Soon
`caret-up`	Coming Soon
`chart-area`	Coming Soon
`chart-bar`	Coming Soon
`chart-line`	Coming Soon
`chart-pie`	Coming Soon
`check-circle`	Coming Soon
`check-square`	Coming Soon
`check`	Coming Soon
`chevron-circle-down`	Coming Soon
`chevron-circle-left`	Coming Soon
`chevron-circle-right`	Coming Soon
`chevron-circle-up`	Coming Soon
`chevron-double-down`	Coming Soon
`chevron-double-left`	Coming Soon
`chevron-double-right`	Coming Soon
`chevron-double-up`	Coming Soon
`chevron-down`	Coming Soon
`chevron-left`	Coming Soon
`chevron-right`	Coming Soon
`chevron-square-down`	Coming Soon
`chevron-square-left`	Coming Soon
`chevron-square-right`	Coming Soon
`chevron-square-up`	Coming Soon
`chevron-up`	Coming Soon
`circle`	Coming Soon
`clipboard`	Coming Soon
`clock`	Coming Soon
`closed-captioning`	Coming Soon
`club`	Coming Soon
`code`	Coming Soon
`coffee`	Coming Soon
`cog`	Coming Soon
`columns`	Coming Soon
`comment-alt`	Coming Soon
`comment`	Coming Soon
`compress-wide`	Coming Soon
`compress`	Coming Soon
`copy`	Coming Soon
`crosshairs`	Coming Soon
`cut`	Coming Soon
`diamond`	Coming Soon
`download`	Coming Soon
`edit`	Coming Soon
`eject`	Coming Soon
`envelope`	Coming Soon
`eraser`	Coming Soon
`exchange-alt`	Coming Soon
`exchange`	Coming Soon
`exclamation-circle`	Coming Soon
`exclamation-square`	Coming Soon
`exclamation-triangle`	Coming Soon
`exclamation`	Coming Soon
`expand-arrows-alt`	Coming Soon
`expand-arrows`	Coming Soon
`expand-wide`	Coming Soon
`expand`	Coming Soon
`external-link-alt`	Coming Soon
`external-link-square-alt`	Coming Soon
`external-link-square`	Coming Soon
`external-link`	Coming Soon
`fast-backward`	Coming Soon
`fast-forward`	Coming Soon
`file-alt`	Coming Soon
`file-archive`	Coming Soon
`file-audio`	Coming Soon
`file-check`	Coming Soon
`file-code`	Coming Soon
`file-edit`	Coming Soon
`file-excel`	Coming Soon
`file-exclamation`	Coming Soon
`file-image`	Coming Soon
`file-minus`	Coming Soon
`file-pdf`	Coming Soon
`file-plus`	Coming Soon
`file-powerpoint`	Coming Soon
`file-times`	Coming Soon
`file-video`	Coming Soon
`file-word`	Coming Soon
`file`	Coming Soon
`film`	Coming Soon
`flag`	Coming Soon
`flask`	Coming Soon
`font`	Coming Soon
`forward`	Coming Soon
`gamepad`	Coming Soon
`glass-martini`	Coming Soon
`h1`	Coming Soon
`h2`	Coming Soon
`h3`	Coming Soon
`heading`	Coming Soon
`headphones`	Coming Soon
`heart`	Coming Soon
`hexagon`	Coming Soon
`home`	Coming Soon
`image`	Coming Soon
`images`	Coming Soon
`inbox-in`	Coming Soon
`inbox-out`	Coming Soon
`inbox`	Coming Soon
`indent`	Coming Soon
`info-circle`	Coming Soon
`info-square`	Coming Soon
`info`	Coming Soon
`italic`	Coming Soon
`jack-o-lantern`	Coming Soon
`leaf`	Coming Soon
`level-down-alt`	Coming Soon
`level-down`	Coming Soon
`level-up-alt`	Coming Soon
`level-up`	Coming Soon
`link`	Coming Soon
`list-alt`	Coming Soon
`list-ol`	Coming Soon
`list-ul`	Coming Soon
`list`	Coming Soon
`lock-alt`	Coming Soon
`lock`	Coming Soon
`long-arrow-alt-down`	Coming Soon
`long-arrow-alt-left`	Coming Soon
`long-arrow-alt-right`	Coming Soon
`long-arrow-alt-up`	Coming Soon
`long-arrow-down`	Coming Soon
`long-arrow-left`	Coming Soon
`long-arrow-right`	Coming Soon
`long-arrow-up`	Coming Soon
`magic`	Coming Soon
`minus-circle`	Coming Soon
`minus-hexagon`	Coming Soon
`minus-octagon`	Coming Soon
`minus-square`	Coming Soon
`minus`	Coming Soon
`music`	Coming Soon
`octagon`	Coming Soon
`outdent`	Coming Soon
`paint-brush`	Coming Soon
`paper-plane`	Coming Soon
`paperclip`	Coming Soon
`paragraph`	Coming Soon
`paste`	Coming Soon
`pause-circle`	Coming Soon
`pause`	Coming Soon
`pen-alt`	Coming Soon
`pen-square`	Coming Soon
`pen`	Coming Soon
`pencil-alt`	Coming Soon
`pencil`	Coming Soon
`play-circle`	Coming Soon
`play`	Coming Soon
`plus-circle`	Coming Soon
`plus-hexagon`	Coming Soon
`plus-octagon`	Coming Soon
`plus-square`	Coming Soon
`plus`	Coming Soon
`poo`	Coming Soon
`power-off`	Coming Soon
`print`	Coming Soon
`question-circle`	Coming Soon
`question-square`	Coming Soon
`question`	Coming Soon
`random`	Coming Soon
`rectangle-landscape`	Coming Soon
`rectangle-portrait`	Coming Soon
`rectangle-wide`	Coming Soon
`redo-alt`	Coming Soon
`redo`	Coming Soon
`repeat-1-alt`	Coming Soon
`repeat-1`	Coming Soon
`repeat-alt`	Coming Soon
`repeat`	Coming Soon
`reply-all`	Coming Soon
`reply`	Coming Soon
`retweet-alt`	Coming Soon
`retweet`	Coming Soon
`road`	Coming Soon
`rocket`	Coming Soon
`save`	Coming Soon
`scrubber`	Coming Soon
`search-minus`	Coming Soon
`search-plus`	Coming Soon
`search`	Coming Soon
`share-all`	Coming Soon
`share-alt-square`	Coming Soon
`share-alt`	Coming Soon
`share-square`	Coming Soon
`share`	Coming Soon
`shield-check`	Coming Soon
`shield`	Coming Soon
`shopping-cart`	Coming Soon
`sign-in-alt`	Coming Soon
`sign-in`	Coming Soon
`sign-out-alt`	Coming Soon
`sign-out`	Coming Soon
`signal`	Coming Soon
`smile`	Coming Soon
`sort-down`	Coming Soon
`sort-up`	Coming Soon
`sort`	Coming Soon
`spade`	Coming Soon
`square`	Coming Soon
`star-exclamation`	Coming Soon
`star`	Coming Soon
`step-backward`	Coming Soon
`step-forward`	Coming Soon
`sticky-note`	Coming Soon
`stop-circle`	Coming Soon
`stop`	Coming Soon
`stopwatch`	Coming Soon
`strikethrough`	Coming Soon
`subscript`	Coming Soon
`superscript`	Coming Soon
`sync-alt`	Coming Soon
`sync`	Coming Soon
`table`	Coming Soon
`text-height`	Coming Soon
`text-width`	Coming Soon
`th-large`	Coming Soon
`th-list`	Coming Soon
`th`	Coming Soon
`thumbs-down`	Coming Soon
`thumbs-up`	Coming Soon
`times-circle`	Coming Soon
`times-hexagon`	Coming Soon
`times-octagon`	Coming Soon
`times-square`	Coming Soon
`times`	Coming Soon
`trash-alt`	Coming Soon
`trash`	Coming Soon
`triangle`	Coming Soon
`trophy-alt`	Coming Soon
`trophy`	Coming Soon
`underline`	Coming Soon
`undo-alt`	Coming Soon
`undo`	Coming Soon
`unlink`	Coming Soon
`upload`	Coming Soon
`usd-circle`	Coming Soon
`usd-square`	Coming Soon
`usd`	Coming Soon
`user`	Coming Soon
`utensil-fork`	Coming Soon
`utensil-knife`	Coming Soon
`utensil-spoon`	Coming Soon
`utensils-alt`	Coming Soon
`utensils`	Coming Soon
`video`	Coming Soon
`volume-down`	Coming Soon
`volume-mute`	Coming Soon
`volume-off`	Coming Soon
`volume-up`	Coming Soon
`watch`	Coming Soon