30 open-source projects similar to github/octicons, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best Octicons alternative.
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.
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
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
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
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
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,
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
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 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
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
Theme-ui is a React theme framework and CSS-in-JS utility used for building themeable user interfaces. It functions as a design system tool that establishes centralized, constraint-based scales for colors, typography, and spacing to ensure visual consistency across applications. The framework distinguishes itself through an array-based responsive shorthand for mobile-first layouts and a dedicated color mode manager that synchronizes with browser preferences and persists user selections. It also features a system for creating named style variants to control component appearance via properties
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
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
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
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 Visual Studio Code icon pack consisting of a library of SVG graphics and detection systems designed to modify the appearance of the file explorer. It provides a comprehensive set of visual identifiers for files and folders to improve project navigation and structure visualization. The extension includes a project framework detector that scans workspace directory structures to automatically apply technology-specific icons. Users can further personalize their environment through manual icon associations, custom icon integration from external directories, and the ability to swi
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
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
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
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
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
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.
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
Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform. The framework distinguishes itself through its advanced