Usage
Size picks the optical master. Weight picks Regular or Bold. Colour comes from the surrounding text.
Size
The default size is 32. Sizes below 32 use the 20×20 master, drawn with a 1px stroke. Sizes from 32 up use the 48×48 master, drawn with a 2px stroke. The master is scaled through width and height only.
<Icon name="wind-turbine" size={16} />
<Icon name="wind-turbine" size={48} />Weight
weight is "regular" by default, or "bold". Bold is a separate drawing, with a 1.25px stroke at 20 and a 2.5px stroke at 48. Leave it off for Regular.
<Icon name="pylon" weight="bold" />Colour
Icons use currentColor, so they inherit the text colour. Set color or a className on the icon.
<Icon name="solar-panel" className="text-sky-600" />Accessibility
An icon with no label is decorative and hidden from assistive tech. Pass title when the icon carries the meaning on its own.
<Icon name="pylon" title="Transmission" />