_Iconography
Icons for Phase2 serve as visual cues — helping audiences navigate, scan content quickly and understand actions at a glance. They should feel friendly, simple and purposeful.
_PrimaryIcons
Custom geometric icons built for the Phase2_ brand. Each pairs with a core process step, value, or capability.
Click any icon to download it as SVG. Consistent geometry, line work, and an abstract style — designed to extend, not decorate.
_Principles
Geometric & Abstract
Icons use consistent geometry and line work. They communicate through shape, not literal illustration.
Brand-Colored
Primary icons render in Pulse Cyan by default. They can be set to Abyss, Blueprint, or white depending on background.
Scalable
Built as clean SVGs with no raster dependencies. They work at 16px navigation size or 120px hero size.
Extensible
Build upon this library with icons that follow the same style: consistent stroke weights, geometric forms, abstract intent.
_UtilityIcons
When a primary icon isn't available — or when you're building something internal, functional, or UI-heavy — reach for the Utility Icon Library.
We've standardized on IconPark, a flexible, scalable, and developer-friendly icon system that fits seamlessly into our brutalist-minimal aesthetic. Every icon supports adjustable stroke widths and can be styled to match our brand palette.
IconPark
2400+ high-quality icons with consistent style. Supports React, Vue, and SVG. Adjustable stroke width, color, and size.
_Usage
Website UI components
Use primary icons for hero sections and feature callouts. Utility icons for navigation, buttons, and form elements.
Product dashboards
Utility icons for all UI chrome. Primary icons only for branded moments like empty states or onboarding.
Presentations
Primary icons at large scale (80–120px) to anchor slides. Use Pulse Cyan on dark backgrounds, Abyss on light.
Internal tooling
Default to utility icons. Keep stroke width consistent at 1.5–2px. Style with brand palette colors.