Projects sharing features with Octicons

Feather is an open-source collection of minimal vector graphics designed on a standardized 24x24 grid for use in web and design projects. It provides a set of lightweight SVG assets intended to maintain visual consistency across digital user interfaces. The library supports visual parity between design software and production code through a dedicated design tool component library. This ensures that icons used in mockups remain consistent with the final implementation. Integration capabilities include embedding icons via inline markup, image tags, or CSS backgrounds. The project also provides

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

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

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 library of national flag assets provided in SVG and PNG formats. These assets are indexed by standard two-letter ISO country codes to enable programmatic retrieval and mapping. The library includes a set of scalable vector graphics based on official national laws and regulations, alongside pre-rendered raster exports in multiple widths. It utilizes a mapping system to link flags to their respective ISO country codes or relate those codes to country names. The collection covers visual indicators for web localization and data visualization, providing a system for adding accur

EUI is a React UI component library and design system framework. It provides a collection of reusable, typed interface components and visual guidelines to ensure a unified user experience across web application layouts. The project functions as a themed UI toolkit, enabling the management of visual aesthetics and the ability to toggle between light and dark modes. It incorporates a CSS-in-JS styling library for defining custom styles and rulesets for individual application elements. The framework covers broad capability areas including design system implementation, custom interface styling,

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

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

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

Shields is a dynamic badge generator that creates visual status indicators for software projects by fetching live data from external APIs. It functions as a programmatic image renderer, converting structured data parameters into consistent, high-contrast vector graphics that can be embedded directly into markdown and web documentation via URL parameters. The project distinguishes itself by offering a self-hosted metadata server, allowing users to deploy the service behind their own firewalls to maintain full control over infrastructure and data privacy. It supports extensive customization, in

This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com

Octicons is a comprehensive library of scalable vector glyphs and a design system icon set designed to provide a uniform visual language across user interfaces. It functions as a standardized collection of SVG assets that ensures consistent iconography for web components, server-side views, and static site generators. The project features multi-scale vector rendering, utilizing separate SVG path data optimized for different size buckets to maintain visual clarity across various screen resolutions. It includes a system for icon discovery through keyword-based alias mapping and supports a stand

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

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

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

Icons is a repository of open-source vector graphics designed for tabletop games, video games, and digital projects. Alongside the asset library, the project provides a command-line utility for batch-processing entire directory structures of scalable vector files locally. The collection management capabilities enable bulk conversion of vector icons into optimized bitmap image files across directory hierarchies. Additionally, the software includes a color replacement engine that parses markup to swap default foreground and background color declarations with custom hexadecimal values, while pre

Element Plus is a Vue.js UI component library and enterprise web design system used for building professional web applications with Vue.js 3. It provides a comprehensive set of pre-styled interactive components and tools designed for creating responsive user interfaces. The project includes a customizable component theme system for managing global CSS variables and dark mode palettes. It also features a Vue.js migration toolkit with automated transpilation tools to convert legacy UI code to current component standards. The library covers a wide range of capability areas, including high-perfo

Material Design Lite is a Material Design UI library and CSS design system. It serves as a front-end component framework providing a collection of HTML, CSS, and JavaScript components that implement the Material Design visual language for web applications. The project enables the implementation of Material Design components and a standardized design language to maintain a consistent look and feel across user interfaces. It supports frontend UI development and responsive web styling through pre-built components. The library facilitates rapid web prototyping by providing pre-styled components

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

This project is an enterprise design system and web interface framework that provides a React component library for building consistent user experiences. It serves as a design-to-code workflow bridge, synchronizing product design tools with frontend implementation to accelerate development speed. The framework focuses on design-to-code synchronization and the construction of enterprise design systems. It enables the standardization of visual components and the composition of complex web and mobile screens using unified interface elements and layout patterns. The library implements a design-t

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.

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

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

This project is a React UI component library and frontend UI kit designed to provide a collection of pre-styled user interface elements. It serves as a design system framework, offering standardized visual patterns to ensure a cohesive look and feel across different screens. The library focuses on design system implementation and frontend component architecture, allowing for the creation of modern websites and applications. It integrates directly into a React application workflow to accelerate the development of complex web layouts. The system utilizes a component-based abstraction and compo

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

Lona is a framework and set of utilities designed to synthesize centralized design definitions into cross-platform UI code, visual artifacts, and motion assets. It functions as a design system generator that converts a single set of specifications into native code for multiple operating systems, Sketch files, and other visual outputs. The system includes a motion design renderer that integrates motion files and renders them into video files to maintain consistent animation experiences. It also features a design artifact exporter for generating localized screenshots and bulk image exports base