Icons

EVR uses Tabler Icons. EvrIcon wraps any Tabler icon component with EVR defaults (size 20, stroke 2, currentColor).

Sizes

Pass a numeric size in pixels. Default is 24.

Size	Example	Usage
16px (sm)		`<EvrIcon icon={IconTrain} size={16} />`
24px (default)		`<EvrIcon icon={IconTrain} />`
20px		`<EvrIcon icon={IconTrain} size={20} />`
32px		`<EvrIcon icon={IconTrain} size={32} />`

Colors

Icons inherit color from currentColor by default — wrap in a Tailwind text color class, or pass a color prop directly.

Default currentColor

Brand text-evr

Success text-evr-success

Warning text-evr-warning

Danger text-evr-danger

Info text-evr-info

Muted text-neutral-500

Stroke weight

Default stroke is 2. Adjust with the stroke prop when a lighter or heavier feel is needed.

stroke=1

stroke=2 (default)

stroke=3

Icon catalog

Navigation

IconHome

IconSearch

IconArrowRight

IconArrowLeft

IconChevronDown

IconMapPin

Actions

IconPlus

IconEdit

IconTrash

IconDownload

IconUpload

IconRefresh

Status

IconCheck

IconAlertCircle

IconAlertTriangle

IconInfo

IconEye

IconLock

Communication

IconMail

IconBell

IconPhone

IconCalendar

IconClock

IconFile

Transport

IconTrain

IconBus

IconTicket

IconBuilding

IconMapPin

Usage in context

Icon + label row

Tallinn → Tartu

10:15 — 12:30

2 piletit

Pilet kinnitatud

Makse ebaõnnestus

Status badges

Kinnitatud Ootel Tühistatud