Open-source alternatives to React Icons

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

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

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.

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

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

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

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

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

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

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

Layui is a web UI component library, frontend layout framework, and CSS asset optimizer. It provides a collection of pre-styled visual elements and layout patterns used to build browser-native web interfaces. The framework enables the composition of structured web pages through standardized design assets and CSS components. It includes tools for compressing stylesheets and resolving imports to improve loading speeds across different web browsers. The library covers web UI development and frontend layout composition, facilitating rapid interface prototyping by assembling functional frontends

This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen

Heroicons is a collection of hand-crafted, scalable vector icons designed for use in web interfaces and digital product design systems. These graphical symbols are provided as a library of vector assets that integrate directly into user interface code to support visual communication and navigation. The icons are defined as vector paths, allowing them to be embedded directly into the document object model. This approach enables the use of standard style rules to control appearance properties such as color and stroke width, ensuring visual consistency across different parts of an application.

6,100+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg

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

vue-pure-admin is a comprehensive Vue 3 admin dashboard template and TypeScript boilerplate designed for building enterprise web applications. It provides a Vite-based frontend scaffold that incorporates a role-based access control system and a micro-frontend architecture for dividing large administrative applications into smaller, independently deployable units. The project features an advanced permission management framework that handles route protection, menu access filtering, and component-level visibility control. It includes specialized support for multi-tenant system administration, al

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

Vue is a progressive JavaScript framework designed for building modular, reactive user interfaces. It utilizes a component-based architecture that allows developers to encapsulate logic, templates, and styles into reusable units. At its core, the framework employs a virtual DOM renderer and a proxy-based reactivity system to synchronize application state with the document object model efficiently. What distinguishes this framework is its focus on developer experience and flexibility. It supports a single-file component format that colocalizes related concerns, alongside a powerful composition

unplugin-vue-components is a build tool that automatically injects import and registration statements for Vue components based on their usage in templates. It functions as a framework-agnostic plugin compatible with multiple build tools, including Vite, Webpack, and Rollup. The project provides automated resolution for components from external UI libraries and supports directory-based namespacing to organize elements by folder. To maintain developer experience, it includes a type generator that creates TypeScript declaration files for components imported at build time. Additional capabilitie

Vue Manage System is a type-safe administrative dashboard framework built with Vue 3 and Element Plus. It serves as a management template for backend systems, integrating role-based access control to restrict pages and actions based on assigned user permissions. The project distinguishes itself through a comprehensive set of administrative tools, including a data visualization dashboard with interactive charts and a content management system featuring rich text editing and image cropping utilities. It utilizes TypeScript for static typing and Pinia for centralized state management. The syste

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

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

Octicons is a library of handcrafted scalable vector graphics and a standardized design system icon set. It provides a collection of optimized SVG files and visual symbols intended for use in web interfaces to maintain a unified identity across digital product layouts. The library encapsulates vector graphics within framework wrappers to programmatically manage styling and accessibility properties. It employs a design-system-driven specification and an SVG-based asset pipeline to ensure consistent rendering and high clarity across different screen resolutions. The project covers SVG asset ma

react-native-svg is a cross-platform vector graphics engine and rendering library designed for mobile and web applications. It functions as an SVG to component converter, transforming standard vector markup into renderable components using a compatible component-based architecture. The library enables the rendering of scalable vector graphics across diverse platforms using a single set of components. It ensures visual consistency between web and mobile environments by sharing graphics and providing a unified API. The system covers the creation of custom icons and complex shapes through compo

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

This project is a collection of scalable vector graphics designed for web interfaces. It is distributed as an SVG icon library available through package managers as a Node.js package and a Ruby gem. The set provides plug-and-play vector graphics that can be imported into web applications and styled using CSS to adjust size, color, and layout. The library supports integration via task-runner plugins and template-based rendering to manage assets within development pipelines.