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 Klymkovych

VoiceMock was built by one designer

I'm Sergiy, a product designer. I built this trainer myself — research, design system, code. On LinkedIn I show how products like this come together, and what it changes in a designer's work.

Product Designer · AI Design Engineer · Designer for Startups

See it on LinkedIn