Icons

358 original stroke-based icons. Click any icon to open it in the playground.

An icon without a size draws at 1em — the font size of whatever it sits in, so an icon in a size="sm" Button is text-sm and one in a size="lg" Button is text-lg. Pass size={20} for a fixed edge length, or a CSS class (size-4) when neither the type step nor the prop should decide: the class wins over both, because size is an attribute. That contest runs per axis — a one-axis class such as w-6 leaves the height at 1em, so reach for size-* or set both.