Open-source alternatives to React Icons

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

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

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

css.gg is a collection of visual assets providing a CSS UI icon library and an SVG icon set. It delivers vector icons and glyphs through CSS classes, SVG sprites, and a library of styled components for web interfaces. The project includes a Figma UI asset pack to support the creation of high-fidelity prototypes and interface mockups. These design assets can be exported into external tools for prototyping and layout standardization. The system provides capabilities for embedding vector graphics, integrating typographic symbols, and managing design assets via API or NPM. It also supports the c

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

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

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

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

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.

Iconoir is an open-source SVG icon library consisting of over 1600 vector graphics. It serves as a cross-platform icon set designed for use across web and mobile applications, as well as a design tool icon pack for Figma and Framer. The project facilitates a design-to-code workflow by providing a unified set of assets that maintain visual harmony between prototypes and live environments. It supports a wide range of targets, including React, Vue, Flutter, and native mobile development.

unplugin-icons is a build-time plugin that integrates with modern bundlers to import icons from popular icon sets automatically. It detects icon usage in source code and tree-shakes the final bundle to include only the icons actually referenced, reducing unnecessary payload. The plugin also provides a mechanism for loading custom SVG icon collections from local files or remote sources, making them accessible through the same import syntax as built-in sets. The plugin is framework-agnostic and offers a conventional path resolution scheme for referencing icons by collection and name across diff

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

Nuxt UI is a comprehensive Vue component library built for the Nuxt ecosystem, providing over 125 production-ready, WAI-ARIA compliant components for building modern web applications. The library offers a complete design system with Tailwind CSS theming, supporting dark mode, custom color palettes, semantic color aliases, and runtime theme switching through CSS design tokens. It includes built-in internationalization for over 50 languages, server-side rendering compatibility, and a Figma kit that mirrors the code components for design-to-development consistency. The library distinguishes itse

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

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

Material Design is a collection of thousands of community-driven SVG icons that follow the Material Design specification for web and desktop applications. It provides these vector graphics as an installable SVG icon set and a webfont icon collection. The library is designed for cross-framework implementation, allowing icons to be integrated via package managers as dependencies. This ensures consistent rendering across different coding environments, browsers, and devices. The project covers UI asset management and frontend design workflows, providing a searchable library for selecting and imp

This project is a cross-platform mobile icon library and renderer that provides scalable vector icon components for mobile and web applications. It functions as a vector font integration tool, utilizing a rendering layer that maps vector fonts to mobile components and web CSS to ensure consistent iconography across different platforms. The library includes a configuration-driven pipeline to convert SVG files and CSS stylesheets into usable icon font packages. It supports the integration of proprietary font files and glyph maps, allowing for the use of brand-specific iconography through custom

SVGR is a tool that transforms static SVG files into reusable React components for direct rendering within user interface trees. It functions as an AST-based code transformer and build-time asset pipeline, parsing SVG XML into an abstract syntax tree to modify elements before generating JavaScript source code. The project integrates an external optimization engine to strip redundant metadata and minify attributes, ensuring vector images are flexible and easy to style. It uses recursive tree traversal to apply these transformations to all nested graphic elements and employs attribute mapping t

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

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 pre-configured foundation for building mobile-responsive web applications using Vue 3 and Vite. It provides a production-ready scaffold that integrates essential development tools, component libraries, and build-time optimizations to accelerate the creation of mobile interfaces. The framework distinguishes itself through automated asset and configuration management, including the automatic registration of UI components and the conversion of SVG files into reusable components. It features built-in support for responsive design by automatically transforming pixel-based CSS uni

Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

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

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

Icones is a client-side icon browser and management tool that lets you search, preview, and download icons from the Iconify ecosystem. It provides instant fuzzy search across thousands of icons from multiple collections, all performed locally in the browser without server round-trips. The tool enables you to filter icons by category, bookmark individual icons or entire collections for later use, and download icons as SVG files. A distinctive capability is the ability to pack selected icons into a custom icon font file, generated on the client side using WebAssembly-based font compilation. Ic

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

Android-Bootstrap is a framework for Android application design that implements the Bootstrap design language and layout principles. It consists of a UI component library, a brand theme engine, and an icon integration toolkit to build mobile interfaces with a consistent visual theme. The framework utilizes a customizable interface to define global visual styles, colors, and typography across all application components. It includes a specialized system for mapping typeface files and unicode characters to scalable graphics within the interface. The project provides a collection of styled widge