Icons

All lucide-react icons used in the project. Convention: 20px for navigation, 16px inline, stroke-width 1.5.

ChevronDown

ChevronUp

ArrowLeft

PanelRightClose

Mic

X

import { Mic, ArrowLeft, PanelRightClose, X } from 'lucide-react'

// Navigation (20px)
<Mic className="size-5" strokeWidth={1.5} />

// Inline (16px)
<ArrowLeft className="size-4" strokeWidth={1.5} />
Sergiy Klimkovych

Need a design system like this?

I design and build products end‑to‑end — from first idea and design system to production‑ready code, ready to hand off to your development team.

Product Designer | AI Design Engineer | Designer for Startups | Mobile & Complex SaaS | from Idea to Product | Framer Developer