Styling

GeoIcons are themed entirely through props and currentColor. There are no separate weight files. One component, continuously adjustable.

Color

Icons stroke with currentColor, so they inherit your text color automatically:

<Br size={48} className="text-emerald-600" />

Or set it explicitly with the native stroke attribute:

<Br stroke="#4f46e5" />

Weight

Control outline thickness with strokeWidth (default 1):

<Br strokeWidth={0.5} />   {/* hairline */}
<Br strokeWidth={1} />     {/* regular  */}
<Br strokeWidth={1.75} />  {/* bold     */}

Fill

For a solid icon, fill with currentColor:

<Br fill="currentColor" strokeWidth={0} />

The outline stays on top in the same color, so it still reads as solid. Add strokeWidth={0} if you want the exact path silhouette with no outline, or when the fill and stroke colors differ:

<Br fill="#3b82f6" strokeWidth={0} />

Try every combination live on any icon page (for example /icons/br), then copy the exact import.

Props

Prop	Type	Default	Description
`size`	`number \| string`	`24`	Width and height of the icon.
`strokeWidth`	`number`	`1`	Outline thickness. Set to `0` for a filled icon.
`stroke`	`string`	`currentColor`	Outline color. Native SVG attr, inherits text color by default.
`fill`	`string`	`none`	Fill color (native SVG attr). Pass `currentColor` for a solid icon; add `strokeWidth={0}` for a bare silhouette.
`aria-label`	`string`	—	Makes the icon meaningful: adds `role="img"` + `<title>`.
`aria-hidden`	`boolean`	`true`	Decorative by default. Overridden when `aria-label` is set.

size and strokeWidth are the only convenience props; stroke, fill, className, style, and every other attribute are native SVGProps forwarded to the underlying <svg>. See the full API reference for cross-framework details.