awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
gorangajic avatar

gorangajic/react-icons

0
View on GitHub↗
12,596 Stars·805 Forks·TypeScript·2 Aufrufereact-icons.github.io/react-icons↗

React Icons

react-icons is an SVG icon component library and multi-pack aggregator for React applications. It provides a single interface to integrate and manage multiple third-party SVG icon sets as individual components.

The library is designed as a tree-shakable icon set, allowing the import of specific icons to reduce final bundle sizes. It includes a global icon style provider to define default colors, sizes, and accessibility titles across all embedded icons.

The project covers multi-library icon management and frontend asset optimization to maintain a consistent design language while improving page load times.

Features

  • React Icon Libraries - Integrates and manages a wide variety of popular SVG icon sets as reusable components within React applications.
  • Tree-Shakeable Exports - Exports icons as individual named entities to enable tree-shaking and reduce the final application bundle size.
  • Icon Libraries - Manages multiple different third-party SVG icon packs within one unified interface.
  • Icon Set Integrations - Aggregates multiple third-party SVG icon sets into a single, unified interface for consistent project usage.
  • Tree-Shakeable - Offers an optimized library structure that permits the import of specific icons to reduce final bundle sizes.
  • Icon Components - Provides a vast collection of popular SVG icons as individual React components for easy embedding.
  • Icon Pack Namespacing - Groups icons by their original source library to ensure unique naming across different third-party icon sets.
  • SVG Attribute Mappings - Maps component properties directly to SVG XML attributes for dynamic control over icon size and color.
  • Context-Based Dependency Injection - Implements a provider pattern to propagate global style configurations across the icon component tree without prop drilling.
  • Icon Styling - Provides a shared configuration provider to define default colors, sizes, and accessibility titles globally.
  • Frontend Asset Optimization - Optimizes frontend assets by allowing the import of specific icons, thereby reducing bundle size and page load times.
  • SVG Component Transformations - Converts static SVG paths into functional React components using a standardized wrapper pattern.
  • Icon Sets - SVG icon packs with ES6 import support.

Star-Verlauf

Star-Verlauf für gorangajic/react-iconsStar-Verlauf für gorangajic/react-icons

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Open-Source-Alternativen zu React Icons

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit React Icons.
  • react-icons/react-iconsAvatar von react-icons

    react-icons/react-icons

    12,596Auf GitHub ansehen↗

    This project is a comprehensive collection of type-safe SVG icon libraries bundled into a single, consistent component-based delivery system. It functions as a multi-pack aggregator that provides a library of scalable vector graphics as components with a unified API for styling and rendering. The library integrates numerous popular open-source SVG icon sets into a single component interface, allowing users to access and render a wide variety of iconography within one dependency. It includes native type definitions to ensure property validation and enable development autocomplete. The system

    TypeScripticonsreactsvg-icons
    Auf GitHub ansehen↗12,596
  • antfu/unplugin-iconsAvatar von antfu

    antfu/unplugin-icons

    4,876Auf GitHub ansehen↗

    unplugin-icons is a universal icon component provider and build-time asset optimizer that transforms diverse SVG libraries into a unified cross-framework interface. It functions as an SVG icon pipeline, converting thousands of icons from various sets into on-demand components or raw strings for use across different frontend frameworks. The tool provides a cross-framework icon library that optimizes bundle sizes by exclusively including the specific icons referenced in the source code. It further simplifies the development workflow through automatic icon importing and the use of aliases to map

    TypeScript
    Auf GitHub ansehen↗4,876
  • phosphor-icons/homepageAvatar von phosphor-icons

    phosphor-icons/homepage

    6,912Auf GitHub ansehen↗

    Phosphor Icons is an icon library that provides SVG components for React and Vue, designed with tree-shaking support so only the icons actually used are included in the final JavaScript bundle. The library offers runtime customization of icons, allowing developers to override SVG rendering through inline styles, event handlers, and render props. Icons can be styled by passing props to set color, size, and weight for quick visual adjustments in React or Vue applications. The project also includes a webfont-based icon set that can be used in any web page by adding a stylesheet and applying CSS

    TypeScripticon-fonticon-packicons
    Auf GitHub ansehen↗6,912
  • fortawesome/react-fontawesomeAvatar von FortAwesome

    FortAwesome/react-fontawesome

    3,732Auf GitHub ansehen↗

    This project is a Font Awesome React component library and SVG icon framework used for rendering vector graphics within React applications. It provides a type-safe implementation for managing, layering, and rendering icons through prop-driven SVG generation. The library is designed as a tree-shakable asset delivery system, allowing build tools to exclude unused icons from the final bundle to optimize application size. It utilizes TypeScript to provide compile-time validation for icon names and properties. The framework covers a wide range of visual capabilities, including icon sizing, rotati

    TypeScriptfontawesomefrontendjavascript
    Auf GitHub ansehen↗3,732
Alle 30 Alternativen zu React Icons anzeigen→

Häufig gestellte Fragen

Was macht gorangajic/react-icons?

react-icons is an SVG icon component library and multi-pack aggregator for React applications. It provides a single interface to integrate and manage multiple third-party SVG icon sets as individual components.

Was sind die Hauptfunktionen von gorangajic/react-icons?

Die Hauptfunktionen von gorangajic/react-icons sind: React Icon Libraries, Tree-Shakeable Exports, Icon Libraries, Icon Set Integrations, Tree-Shakeable, Icon Components, Icon Pack Namespacing, SVG Attribute Mappings.

Welche Open-Source-Alternativen gibt es zu gorangajic/react-icons?

Open-Source-Alternativen zu gorangajic/react-icons sind unter anderem: react-icons/react-icons — This project is a comprehensive collection of type-safe SVG icon libraries bundled into a single, consistent… antfu/unplugin-icons — unplugin-icons is a universal icon component provider and build-time asset optimizer that transforms diverse SVG… phosphor-icons/homepage — Phosphor Icons is an icon library that provides SVG components for React and Vue, designed with tree-shaking support… fortawesome/react-fontawesome — This project is a Font Awesome React component library and SVG icon framework used for rendering vector graphics… refactoringui/heroicons — Heroicons is an SVG icon library and a set of UI vector graphic assets designed for use in user interfaces and web… bytedance/iconpark — IconPark is an SVG icon design system and library that provides modular icon components for React and Vue…