What it does
andrsrxn/icons supplies React SVG components with selective duotone, outline and filled treatments. A separate flag group uses country-code names and a wider aspect ratio. The MIT-licensed package targets React 19 or later and ESM projects.
A filled bookmark or star can mark a selected state, but this library does not create filled versions of every drawing. Duotone is the default where two layers convey a useful distinction; simple signs such as plus and multiplication stay as outlines. The React package requires React 19 or later and an ESM project.
Flags have a 3:2 shape, separate from the square UI group. Country-code component names include an aria-label, with naming exceptions for continents and the pride flag. Give those flag assets their own layout proportions instead of stretching them into square controls. Brand logos are excluded. MIT terms permit commercial reuse with the required notice, and the adapted FlagKit artwork retains its third-party notice.
Strengths
- Filled states follow meaningful active or selected concepts.
- Country flags include code-based accessible labels.
Watch out for
- The package requires React 19 or later and an ESM setup.
- Brand-logo assets are excluded.
Best for
- React interfaces using purposeful duotone icons
Sources
- andrsrxn/icons package README (Oct 27, 2026)
- andrsrxn/icons MIT License (Oct 27, 2026)