andrsrxn/icons — React icon library with 1,000+ duotone…

Pitch

Description

Comments

About this project

This React icon library features over 1,000 thoughtfully designed duotone icons and 250 flags. With a focus on visual clarity and semantic consistency, andrsrxn/icons provides a lightweight and standalone solution that integrates smoothly into any project without unnecessary visual.

Unique Value Proposition

Unlike other icon libraries that predominantly offer outline or solid icons, andrsrxn/icons sets itself apart with thoughtful design choices:

Duotone by Default: Icons featuring meaningful distinctions in path and fill are always rendered in duotone to enhance clarity and visual appeal.
Outline Variants: Simple geometric icons, such as +, /, and ×, maintain clarity without unnecessary decorative layers.
Contextual Fill Variants: Filled icons are provided only when they signify an active or selected state, like like, bookmark, or star, rather than offered as a standard alternative.

Icon Categories

UI Icons: A collection of over 1,000 functional icons, complete with preview images for easy reference.
Flags: More than 250 country flags, easily identifiable by their ISO 3166-1 alpha-2 codes (e.g., IconFlagUS for the United States). Exceptions include IconFlagLGTB and continent flags prefixed with C (e.g., IconFlagCAF for Africa).

Documentation

For complete usage instructions and additional details, please refer to the full documentation.

Contribution and Support

While new icon contributions are not currently accepted, suggestions and requests can be made via GitHub issues. If the project proves beneficial, consider supporting its continued development through:

Inspiration and Credits

All icons originate from comprehensive design efforts in Figma, inspired by libraries such as Phosphor Icons and HugeIcons. The flag icons have been adapted from FlagKit by Bowtie, used under the MIT License. Only the rectangular flag versions were utilized as source material, converted into tsx components. For further details, please consult THIRD-PARTY-LICENSES.md.

With its rich offering of icons and thoughtful design, andrsrxn/icons is an essential resource for developers looking to enhance their applications with high-quality, stylistically cohesive icons.