30 open-source projects similar to fortawesome/react-fontawesome, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best React Fontawesome alternative.
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
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 pa
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
CoreUI Icons is a comprehensive library of standardized visual symbols designed for consistent application across web and mobile user interfaces. The collection provides scalable vector graphics and webfont symbols, offering thematic categorization to assist in locating assets for specific interface contexts. The library supports multiple integration methods, including native framework components, CSS-based class rendering, and inline markup embedding. To optimize performance, the project facilitates the consolidation of icons into sprite sheets, reducing the number of network requests requir
Lobe-icons is an icon asset collection and library providing official brand symbols and logos specifically for artificial intelligence platforms and language models. The project supplies scalable vector graphics and standalone static assets designed for integration into user interfaces across different platforms. The library features dual-platform component architecture with dedicated rendering assets for both web and mobile application environments. Visual styles can be customized to change icon appearances between monochrome, full color, avatar backgrounds, text labels, and combined layouts
Icon-sets is a repository and toolkit for aggregating, optimizing, and managing open-source vector icon collections. It functions as an SVG icon collection manager, vector icon library, and processing utility that organizes design assets into standardized JSON data structures and graphic files. The project provides comprehensive capabilities for icon import, export, processing, and rendering. Imported vector graphics undergo schema-driven validation, security sanitization, and format standardization alongside geometric transformations such as scaling, rotation, and flipping. Alias-based data
IconPark is an SVG icon design system and library that provides modular icon components for React and Vue applications. It functions as a themed icon set and SVG component generator, transforming raw SVG paths into framework-specific code. The system supports multi-theme icon design, allowing a single source file to be transformed into multiple visual variations, such as outline and filled styles. It enables the generation of themed components by modifying fill and stroke attributes. The library provides capabilities for SVG icon customization, including the adjustment of colors, sizes, and
Heroicons is an SVG icon library and a set of UI vector graphic assets designed for use in user interfaces and web development. It provides a collection of scalable vector graphics as a React icon component set, allowing for flexible integration into applications. The library supports multi-format distribution, offering icons in JSX and SVG formats. These assets are provided as component-wrapped SVG exports, which enables programmatic control over props and attributes. The project covers capabilities for SVG icon integration, web interface styling, and user interface design. It includes util
Mingcute Icons is a comprehensive library of scalable vector icons designed for consistent branding across web and mobile interfaces. The collection provides assets in multiple formats, including native components for frontend frameworks, webfont sets for typography-based styling, and raw vector files for design software integration. The project distinguishes itself through its flexible delivery methods, which allow developers to choose between component-based rendering for programmatic control over visual properties or CSS-based mapping for standard layout integration. To support efficient d
MPX is a cross-platform framework designed to build applications for multiple mini-program ecosystems and the web from a single codebase. It utilizes a static transpilation pipeline to transform source code into platform-specific bundles, employing a single-file component system that encapsulates templates, logic, and styles. The framework provides a reactive state management system that automatically synchronizes application data with the user interface through computed properties and watchers. The project distinguishes itself through a robust build-time toolchain that supports sub-package p
Android-Iconics is an icon library wrapper for Android applications that enables the use of icon fonts and SVG vectors as drawables. It provides a system for rendering vector graphics and importing custom icon sets through font files and CSS mappings. The project includes a dedicated SVG vector renderer and a tool for integrating custom icon fonts. It also features a mirroring utility that automatically flips icons for right-to-left language layouts to maintain visual consistency across different locales. The library covers icon style customization for properties such as color, size, and pad
Ionicons is a library of hand-crafted scalable vector icons and an interface design asset pack used to build consistent user interfaces across web and mobile applications. It provides a collection of vector graphics designed for design system implementation and web component icon systems. The library includes a cross-platform icon set that automatically adapts its style based on the user's operating system to maintain a native look and feel. It also supports the integration of custom SVG assets through remote URL resolution to extend the available set of visuals. The system covers SVG asset
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
Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a
eva-icons is a comprehensive cross-platform UI icon pack providing over 480 scalable vector graphics and font-based icons. It functions as both an SVG icon library and a web font icon set designed for consistent use across web, iOS, and Android interfaces. The collection is an animated icon set that supports motion effects such as zooming, pulsing, shaking, and flipping to provide visual feedback or draw user attention. The library covers the implementation of SVG graphics and web font iconography, enabling the injection of visual elements via JavaScript or CSS stylesheets. It supports multi
Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi
mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor
vue-admin-template is a boilerplate for building administrative interfaces using Vue.js. It provides a pre-configured layout, routing, and state management to bootstrap admin dashboards. The project includes a role-based access control system to restrict menu visibility and route access based on user permissions. It features a component scaffolding tool for generating boilerplate views and business components from templates, as well as an automated SVG icon management system for registering and rendering vector graphics. The template covers data management through Excel import and export uti
Lucide is a collection of consistent, scalable vector icons designed as a reusable component library for web and mobile interfaces. It provides a standardized set of visual symbols that support dynamic styling, programmatic manipulation, and accessibility features, ensuring that icons remain perceivable and usable across diverse development environments. The library distinguishes itself through a framework-agnostic architecture that defines icons as raw coordinate data, allowing for consistent rendering across various platforms. It supports tree-shakable module exports and bundle size optimiz
This project is a comprehensive documentation site framework and static site generator theme designed to transform markdown files into professional, responsive websites. It functions as a technical content platform that supports complex documentation projects, including multi-project management, blog workflows, and advanced content formatting. By processing source files through an extensible pipeline, it generates self-contained HTML sites that can be hosted on any web server without a database. What distinguishes this framework is its focus on developer experience and highly configurable bui
Styled-icons is a collection of popular open-source icon packs packaged as React components for layout integration, functioning as a vector icon component generator that transforms raw SVG icon sets into framework-native components. It embeds scalable vector icons directly into user interfaces with support for custom dimensions and styling APIs, and renders icon components that inherit styles and properties from the parent application context. The project utilizes AST-based code generation to transform raw upstream SVG files into reusable component source code during the build process, and ap
DefinitelyTyped is a community-maintained type store and centralized JavaScript type registry. It serves as a repository of static TypeScript type declarations for third-party JavaScript libraries, providing the necessary metadata to enable compile-time safety and editor intelligence for external modules not originally written in TypeScript. The project operates as a collaborative ecosystem where contributors define, validate, and maintain type declarations through a structured review process. This involves mapping type definition versions to specific library and compiler releases to ensure s
Icones is a suite of tools for exploring icon ecosystems, performing offline searches, and exporting assets in font or SVG formats. It serves as a web interface for searching, browsing, and downloading icons from various libraries powered by the Iconify framework. The project features an offline icon search engine that utilizes local fuzzy search to find graphic assets without a constant network connection. It also includes a custom icon font generator to bundle selected icons into a single font file and an SVG icon downloader for extracting individual graphics or copy-pasting usage scripts.
Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
type-fest is a library of reusable utility types for performing complex transformations and validations on objects, arrays, strings, and numeric ranges in TypeScript. It provides a collection of type definitions designed to handle advanced structural changes and constraints. The project distinguishes itself by offering specialized logic for string literal processing, such as casing transformations and pattern-based modifications, and type-level arithmetic for calculating numeric ranges and absolute values. It also includes utilities for enforcing deep immutability, ensuring union mutual exclu
Simple Icons is a comprehensive repository of standardized brand logos provided in scalable vector format. It serves as a programmatic data source that offers direct access to official brand vector paths and color codes, enabling developers to integrate consistent visual assets into software projects and user interfaces. The project functions as a web-ready asset provider that supports multiple delivery methods, including direct file imports, remote image embedding, and font-based rendering. By centralizing the storage of icon geometry as raw vector path strings, it ensures consistent renderi
Bundlephobia is a suite of tools for analyzing the composition and size of JavaScript dependencies from the npm registry. It functions as a bundle analyzer and size monitor that calculates the total footprint of frontend packages and stylesheets to determine their impact on page load performance. The project identifies specific components contributing to bundle size through asset composition analysis and package auditing. It also generates visual size indicators and badges that can be embedded in documentation and version control repositories to communicate package dimensions. The platform m
This project is a collection of high-resolution application icons and visual customization assets designed to match the macOS Big Sur style. It serves as a searchable icon library used to replace standard software icons and unify desktop aesthetics. The repository provides a system for managing custom application imagery, including an API-driven process to fetch high-resolution icons without hosting large static libraries locally. It includes tools for icon library browsing and real-time autocomplete integration to match user input with the correct application imagery. The project covers the
android-iconify is a multi-provider icon framework and library for Android applications. It enables the integration and management of vector graphics and font icons from various external providers within a single system. The framework allows for custom icon font integration by registering font files and character maps to expand the available library of graphics. It includes a vector graphic drawable renderer to display scalable icons across different screen densities. The system supports rendering vector icons as drawable objects and embedding scalable graphics directly into text spans so th
Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux