React

import { CalendarIcon } from 'merki-icons'

<CalendarIcon />

Props

Prop	Type	Default
`size`	number or CSS length	`16`
`color`	string	`currentColor`
`absoluteStrokeWidth`	boolean	`false`
`title`	string	none

Every other SVG prop, className included, goes onto the <svg>. Refs are forwarded.

Size

<CalendarIcon size={20} />

Stroke

The set is tuned for 16 and 20. Bigger, the stroke scales with the icon and reads heavier. absoluteStrokeWidth keeps strokes at their 16px weight (1.5, or 1.25 on interior details), which reads thinner. Pick per use.

scaled

absolute

<CalendarIcon size={32} absoluteStrokeWidth />

Color

Icons use currentColor, so they follow the text color. color sets it directly; solid accents follow it too.

<CalendarIcon color="#e11d74" />

Server components

The components use no hooks or context, so they render in React Server Components as-is.