Iconography

Earl is deliberately icon-light. A small set of marks covers brand surfaces and internal tooling. Brand marks are bespoke; app icons draw on Lucide's monoline style, redrawn inline rather than imported as a package.

Icons

Brand marks (guardrail arrows, LinkedIn, AI Labs ellipse) are for external surfaces. App icons drive internal tooling only and never appear on marketing pages.

Up arrow
Inside every pill button · "We work with" guardrail
Down arrow
"We don't work with" guardrail
LinkedIn
Footer + author bylines
AI Labs ellipse
AI Labs surfaces only
Layout-grid
Overview, dashboard
Palette
Colours, theming
Type
Typography, copy
Message-square
Voice, messaging
Pen-tool
Logos, marks
Shapes
Iconography
Camera
Imagery, media
Blocks
Components, kit
Mail
Email, signatures
Pipette
Colour tool
Copy
Copy to clipboard
Download
Asset downloads
External-link
Links off-site
Chevron-down
Accordions, expanders
Sparkles
AI, generation
Settings
Config, preferences
Search
Search, filtering
User
Profile, account
Users
Team, collaborators
Trash-2
Delete, remove
Plus
Add, create new
X
Close, dismiss
Check
Confirm, success states
Lock
Security, permissions
Calendar
Dates, scheduling
Clock
Time, history
File-text
Documents, exports
Edit-3
Edit, rename
Eye
Show, preview
Eye-off
Hide, redact
Filter
Filter, refine
Upload
Upload, import
Refresh-cw
Refresh, reload
Link
Link, connect
Star
Favourite, save
Bell
Alerts, notifications
Info
Help, info
Alert-triangle
Warnings, errors
Folder
Folders, files
Image
Images, media
Globe
Web, language
Chevron-right
Nav, disclosure
Arrow-right
Next, continue

Style rules

If a glyph isn't in the system, draw it inline in the same style. Brand marks (marketing surfaces) are always bespoke, never library-drawn. App icons may draw on Lucide's monoline style but are redrawn inline, not imported as a package.

Do

  • Stroke-only, monoline at 1.4 weight
  • 24×24 viewBox where possible
  • Round line caps and joins
  • Inherit colour via currentColor
  • Match the diagonal trajectory of the up arrow

Don't

  • Import an icon library on the marketing site
  • Mix filled and stroked icons in one set
  • Use detailed multi-colour glyphs
  • Add drop shadows or gradients
  • Invent partner-style icons (cog, wrench, robot)