Iconography
Iconography
Icon Pack
Our primary icon set is Heroicons Solid. We use the solid (filled) style exclusively for visual consistency and legibility at small sizes. Custom brand icons supplement the Heroicons set for industry-specific and brand-concept use cases.
Style
Solid / Filled
Always use the solid variant. Never mix solid and outline icons in the same context.
Base Grid
24 × 24px
Heroicons are designed on a 24px grid. Scale to 16, 20, 32, or 48 as needed.
Custom Icons
16 brand SVGs
Industry and brand-concept icons that extend the Heroicons set for Arcturious-specific needs.
Heroicons — Solid Examples
A selection of commonly used Heroicons in our interfaces. Browse the full set at heroicons.com/solid.
home
user
cog-6-tooth
magnifying-glass
chart-bar
document-text
envelope
phone
check-circle
arrow-right
plus
pencil-square
Custom Brand Icons
Bespoke SVG icons for Arcturious services, industries, and brand concepts. These supplement the Heroicons set for cases where a standard icon doesn't exist. Use at 32–48px for feature cards and presentations.
Brand Formula
↓ Download
strategy
↓ Download
empathy
↓ Download
technology
↓ Download
curiosity
Brand
↓ Download
the-bear
↓ Download
shepherd
↓ Download
diamond
Industries & Services
↓ Download
advisory-services
↓ Download
circular-economy
↓ Download
construction
↓ Download
energy
↓ Download
retail
↓ Download
solar
↓ Download
technology-strategy
↓ Download
telco
↓ Download
travel
Icon Sizes
Use the appropriate size for context. Icons should feel balanced alongside text at each scale.
16px
Inline
20px
Button
24px
Default
32px
Feature
48px
Hero
Icon Colours
Icons inherit text colour by default. Use accent colours only for interactive or semantic meaning.
Default (Silver)
Active (Solar Gold)
Success
Warning
Error
On Light
Do's and Don'ts
✓
Use Heroicons Solid as the default icon set
✓
Pixel-align icons to prevent blurry rendering
✓
Use custom brand icons for industry and concept visuals
✗
Mix solid and outline icons in the same context
✗
Use icons smaller than 16px
✗
Add decorative effects (shadows, gradients) to icons