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.

Primary Pack
Heroicons — Solid
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

Download All

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
strategy
Download
↓ Download
empathy
empathy
Download
↓ Download
technology
technology
Download
↓ Download
curiosity
curiosity
Download

Brand

↓ Download
the-bear
the-bear
Download
↓ Download
shepherd
shepherd
Download
↓ Download
diamond
diamond
Download

Industries & Services

↓ Download
advisory-services
advisory-services
Download
↓ Download
circular-economy
circular-economy
Download
↓ Download
construction
construction
Download
↓ Download
energy
energy
Download
↓ Download
retail
retail
Download
↓ Download
solar
solar
Download
↓ Download
technology-strategy
technology-strategy
Download
↓ Download
telco
telco
Download
↓ Download
travel
travel
Download

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