Font Awesome 5 Pro

Our base icon collection uses Font Awesome 5 Pro — a consistent, comprehensive library spanning solid, regular, and light weights. Icons should always feel purposeful, never decorative for its own sake.

Library

Font Awesome 5 Pro provides three primary styles — Solid (fas), Regular (far), and Light (fal) — plus Brands (fab). Use Solid for UI actions and emphasis, Regular for supporting contexts, and Light for decorative or large-scale usage.

Usage Guidance

Always pair icons with a text label where space allows. Icons used alone must include an aria-label. Maintain consistent weight within a single view — don't mix Solid and Light in the same component. Scale icons to match surrounding type size.

Size Scale

12px
Inline
16px
Body
20px
UI
28px
Feature
40px
Hero
56px
Display

Colour Usage

Ink — Primary
Sage — Accent
Gold — Action
Bluegray — Muted
On dark backgrounds

Marketing & Growth

chart-line
bullseye
funnel-dollar
rocket
seedling
chart-bar
trophy
hand-holding-usd
percentage
poll
coins
star

Digital & Tech

search
mouse-pointer
laptop
mobile-alt
code
globe
database
wifi
cloud
lock
cog
bolt

Communication & CRM

envelope
paper-plane
comments
users
user-circle
handshake
phone
address-card
bell
share-alt
linkedin
instagram

Creative & Content

paint-brush
pen-nib
film
image
vector-square
layer-group
magic
eye
align-left
th-large
swatchbook
ruler-combined

UI & Navigation

arrow-right
chevron-down
times
check
plus
minus
bars
external-link-alt
download
upload
ellipsis-h
info-circle

Building Blocks

Core interface components following the brand's minimum 24px radius system. Pill variants for primary actions, rounded for contained components.

Buttons — Primary

Buttons — Dark

Buttons — Secondary / Muted

Buttons — Highlight

Tags & Badges — Pill

Brand Identity Strategy Campaign New Digital Events

Tags & Badges — Rounded

Brand Identity Strategy Campaign New Digital

Form Inputs

Dividers

Standard

Gold Accent

Cards

Branding

Identity Systems

Complete brand identity design — from strategy and naming through to full visual system rollout.

Campaign

Integrated Campaigns

Ideas-led campaign work across digital, print, OOH and experiential with measurable impact.

Strategy

Brand Strategy

Positioning, messaging architecture, and audience insight that gives every creative decision a reason.