Open-source alternatives to Heroicons

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

Flat Color Icons is a comprehensive library of scalable vector graphics and flat-style illustrations designed to maintain visual consistency across digital and print platforms. The collection provides high-quality symbols and icons in standard formats, enabling developers and designers to integrate professional visual assets into web, mobile, and desktop interfaces. The project distinguishes itself by offering a wide range of customization and integration capabilities, including an online editor for modifying colors and rearranging graphic components. It supports dynamic workflows through URL

Mono-icons is a collection of scalable vector graphics and web icon fonts designed for consistent visual representation across digital interfaces. The project provides a repository of resolution-independent assets that maintain visual clarity when scaled for different screen sizes and display densities. The library utilizes OpenType font packaging to bundle vector paths into a unified format, allowing icons to be rendered as text. By mapping semantic class names to specific character codes, the system enables the injection of visual symbols into web elements through stylesheet declarations. T

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

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

Open-iconic is a collection of visual assets provided as an SVG icon library, a webfont icon set, and a raster icon pack. It provides scalable vector graphics and fixed-pixel images in PNG and WebP formats to maintain visual identity across different screen resolutions and technical environments. The project includes an SVG sprite sheet to consolidate multiple vector icons into a single file, reducing network requests. It also supports the delivery of icons as webfonts, allowing symbols to be integrated and styled via CSS. The library covers cross-platform asset management, web SVG integrati

This project is a collection of scalable vector graphics provided as an icon library, vector graphic asset pack, and web icon font. It provides a system for delivering visual symbols through multiple formats, including standalone SVG files, consolidated sprite sheets, and font-based distribution. The library supports various integration methods, such as inline SVG embedding, external image referencing, and the use of fragment identifiers via SVG sprite sheets. It also includes a web font implementation that maps vector icons to unicode characters for text-based rendering and CSS styling. Bro

RemixIcon is an open-source icon library providing a comprehensive collection of neutral vector icons available as SVG assets and web fonts for digital interfaces. The project delivers scalable vector graphics as an SVG icon set and a web font icon library for integration into web and mobile designs. The library maintains consistent visual language by providing every symbol in both outlined and filled styles. It includes a dedicated symbol library for Figma to allow for direct placement of assets onto design canvases. The project covers asset delivery through direct SVG embedding, sprite she

bytesize-icons is a library of hand-coded vector icons built on a fixed 32x32 pixel grid. The collection utilizes stroke-based SVG construction rather than filled paths, allowing for precise control over line thickness, color, and visual weight. The icons are designed for style flexibility, with stroke weight and edge rounding adjustable via CSS or SVG attributes. This approach enables the icons to be integrated into design systems to maintain visual consistency and interface coherence. The project provides lightweight vector graphics distributed as inline SVG code or external file reference

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

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

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

This project is a Linux SVG icon theme and a collection of scalable vector assets designed to create a unified visual style across desktop environments. It provides a comprehensive library of images for applications and system folders, alongside a customization suite for adapting icon colors and styles to match various system schemes. The project includes a folder color management system for modifying directory colors globally or individually. It also features a hardcoded icon override tool that replaces absolute-path icons in desktop files and tray areas to maintain theme consistency, extend

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

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.

Folder-Ico is a collection of curated folder icons and scalable vector graphics designed for visually organizing directories within compatible applications. It serves as a UI design asset library for consistent folder representation across various interfaces. The project provides visual markers to assist with file system navigation and directory organization. These assets are intended for desktop environment customization to change the default look and feel of a computer interface. The library utilizes SVG-based vector assets to maintain clarity across different resolutions. Implementation c

KawaiiLogos is a digital asset library containing a curated collection of stylized and aesthetically modified technology logos. The project provides a set of themed graphic files designed for use as visual assets in personal projects and portfolio websites. The library focuses on replacing standard corporate logos with a consistent art direction through a themed set of scalable vector graphics. These assets are intended for custom branding and the creation of visually themed iconography for technical documentation and project presentations. The project organizes these assets via a flat-file

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

gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

This project is an open-source library of emoji graphics designed for consistent use across digital interfaces. It provides a comprehensive set of stylized emoji images, including both 3D and flat designs, as an asset pack for software projects. The library provides these assets as scalable vector graphics and raster images to ensure resolution independence and visual clarity across different screen sizes and densities. The collection follows a unified visual language, applying consistent colors and geometric curves to maintain a cohesive look across operating systems and devices. These asse

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

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

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

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

This project is a React UI component library and design system framework. It provides a collection of reusable interface elements and an accessible component toolkit designed to meet web accessibility standards and responsive design requirements. The framework enforces visual uniformity through a design system that uses centralized design tokens for colors, spacing, and typography. It includes a standardized SVG icon set to provide consistent visual cues and markers across user interfaces. The library covers the implementation of design systems through token-based styling and the development