Icons

Icons should feel warm and organic, never cold or technical. They complement our natural, human-centered design language.

Icon Style

Our icons use rounded corners, consistent stroke widths, and organic shapes that echo the Ferni brand.

Ferni Style

  • 2px stroke width
  • Rounded caps and joins
  • Organic curves

Avoid

  • Sharp corners
  • Thin strokes
  • Harsh geometric shapes

Persona Icons

Each persona has a distinctive icon that reflects their character and domain.

Ferni Growth, nurturing
Maya Focus, habits
Peter Analysis, wealth
Jordan Celebration, planning
Alex Time, productivity
Nayan Wisdom, reflection

UI Icons

Common icons used throughout the Ferni interface.

Home
Search
Settings
Notifications
Chat
Security
Activity
Add
User
Code
Info
Check

Icon Specifications

Stroke Width

Always use 2px stroke width for consistency across all icons.

Stroke Caps

Use round stroke-linecap for organic, friendly appearance.

Stroke Joins

Use round stroke-linejoin to avoid sharp corners.

Viewbox

Standard viewbox is 0 0 24 24 for UI icons, 0 0 32 32 for persona icons.