Web and App Icon Libraries

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 rendering across diverse platforms and screen resolutions. Developers can utilize these assets through community-maintained wrapper libraries, which simplify the retrieval and rendering of brand graphics across various programming environments and server-side applications. Beyond direct data access, the collection supports design system componentization by allowing for build-time data inlining and the use of font-glyph mapping. These capabilities enable the integration of brand marks as scalable text characters or embedded vector data within application bundles. The project is distributed through standard package registries, facilitating predictable dependency management and local caching for development workflows.

This project is a community-driven repository that serves as a comprehensive directory for the design industry. It provides a structured index of software, plugins, and digital assets, helping creative professionals discover and evaluate tools tailored to specific stages of the design process. The collection is maintained through a decentralized, community-driven model where external contributors submit and verify entries to ensure the information remains current. To assist users in navigating the complex ecosystem of design technology, the repository employs a hierarchical taxonomy that organizes diverse software into logical functional groups. The directory covers a broad spectrum of professional workflows, ranging from core design tasks like user interface creation, wireframing, and prototyping to specialized areas such as animation, accessibility, user research, and design system management. It also includes resources for asset generation, including stock media, illustration, and sound design tools. The entire resource is curated using structured markdown files, which are hosted as static documentation directly from the version-controlled repository.

This project provides a comprehensive collection of standardized vector symbols designed to maintain a unified visual language across mobile and web-based user interfaces. It serves as a cross-platform resource for developers and designers to implement a consistent iconographic identity within digital products. The library distinguishes itself through the use of variable font technology, which allows for the dynamic adjustment of icon weight, grade, and optical size directly through style sheet properties. By leveraging native font rendering engines and CSS class-based styling, the collection enables real-time visual modifications and responsive scaling without the need for multiple static image files. The repository includes high-performance, resolution-independent assets that support infinite scaling through vector-based path rendering. These icons are available in compressed formats to optimize network performance and ensure fast loading times across various device screen sizes and densities. Users can integrate these symbols by linking to hosted font files or by including local assets directly within their application project structure.

Qure is a policy icon manager for VPN applications that assigns distinct visual icons to policy groups, helping users differentiate connection types such as proxy and direct in their client interface. It provides a curated library of pre-designed icons for common services, regions, and server types, along with a version history tracker that records additions, optimizations, renames, and deletions across icon releases. The tool supports two primary methods for assigning icons: local file-based resolution, where PNG files named after policy groups are loaded from a designated images directory on the device, and remote URL fetching, which retrieves icons from external sources and caches them locally for offline use. This flexibility allows icons to update automatically when the author publishes a new version, or remain static when stored locally. Qure also enables customization of policy group icons through a configuration mapping at runtime, and its icon version history system keeps the icon set current by tracking changes across releases. The documentation covers assigning local and remote policy icons, browsing the curated library, and tracking version history.

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 covers a broad capability surface for web UI development, including the management of SVG icon styling and the implementation of accessibility titles. It utilizes a modular distribution strategy that allows for the import of specific icon sets and supports the mapping of component props directly to SVG attributes for real-time rendering updates.

This project is a curated resource repository that serves as a comprehensive directory of design assets and development tools. It provides a structured collection of high-quality links intended to help developers discover essential resources for their technical projects and user interface designs. The directory is distinguished by its community-driven approach, relying on collaborative peer review and external contributions to maintain an up-to-date index of resources. It functions as a frontend development toolkit, offering a categorized list of UI libraries, CSS frameworks, and animation tools that accelerate the creation of web applications. The collection covers a broad spectrum of design and development needs, ranging from visual assets like stock media, icons, and fonts to specialized software and browser extensions for workflow optimization. It also includes extensive listings for UI component libraries across various frameworks, design systems, and templates to assist in establishing the visual direction of software projects. The content is organized within a single markdown file, utilizing anchor-link navigation to allow users to quickly locate specific categories within the long-form document.

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 first-class components, and a responsive grid layout system built on CSS Grid with breakpoint-aware configurations. It includes accessible component primitives that implement WAI-ARIA patterns and keyboard navigation, compound component patterns for building complex UI elements from smaller composable parts, and a deprecated component migration layer with codemods and guides for transitioning between major versions. The component surface covers form inputs with autocomplete, date pickers, and drag-and-drop file uploads; overlay components like popovers and tooltips; table components for index and tabular data displays; and typography components for applying text styles. Layout primitives include horizontal and vertical stacks, grid builders, page shells, and content grouping containers, while feedback indicators provide badges, banners, progress bars, spinners, and skeleton loading placeholders. Navigation components offer tabs, pagination, and contextual help links, and selection components include checkboxes, radio buttons, choice lists, and range sliders.

This project provides a curated library of monospaced typefaces optimized for programming environments and command-line interfaces. It functions as a collection of assets designed to improve the visual feedback and information density of text-based user interfaces, enabling developers to standardize the appearance of their editors and terminals. The project distinguishes itself through a programmatic font patching process that merges custom glyph sets into existing monospaced fonts. By mapping these custom graphical symbols into reserved Unicode character slots, it allows terminal emulators to display non-standard icons and advanced status indicators that are not natively supported by standard fonts. To ensure consistent rendering across different operating systems, the project includes cross-platform scripted installation and configuration tools. These automated processes handle font registration and system-level mapping, supported by standardized configuration files that manage font families and aliases for various applications. The repository includes comprehensive documentation and automated shell and PowerShell scripts to facilitate the installation and uninstallation of these patched font assets.

Skill-icons is a developer skill badge generator that provides a centralized library of standardized vector graphics representing programming languages, frameworks, and development tools. It functions as a web asset resource for creating visual summaries of technical stacks, enabling users to embed consistent icon collections into project documentation, developer portfolios, and repository profiles. The project utilizes a stateless, parameter-driven engine that dynamically assembles icon grids based on URL query strings. By processing these parameters, the system performs server-side composition to render custom layouts, densities, and themes on the fly. All source assets are normalized into a consistent coordinate system to ensure uniform scaling and alignment across generated images. To support efficient delivery, the service employs a global edge-caching network that minimizes latency for rendered content. The repository provides comprehensive documentation on the available URL parameters required to configure and generate these visual grids.

Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces without requiring custom JavaScript. The framework also includes a specialized data visualization suite, enabling the integration of interactive charts, maps, and status-tracking components to represent raw datasets within professional business intelligence interfaces. Beyond its core dashboard capabilities, the library offers a broad surface of utility-first styling tools and foundational design elements, including color palettes, typography scales, and spacing systems. It provides an extensive array of UI components for navigation, user feedback, and structured data display, alongside a robust set of form utilities that facilitate data collection through structured inputs and validation feedback. The framework utilizes a flexible, container-based grid system to ensure that layouts remain responsive across different screen sizes.

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 implementing standardized vector graphics to maintain a cohesive visual language across software interfaces.

This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switching between light and dark modes. It leverages CSS custom properties to define design tokens that update globally when the root theme attribute changes, allowing for consistent visual branding across all components. Furthermore, it utilizes native HTML input states to trigger visual changes in sibling elements, enabling interactive behaviors without the need for additional JavaScript. The library covers a broad range of interface needs, including form controls, navigation patterns, data presentation, and layout structures. It provides specialized components for rapid prototyping, such as stylized frames that simulate browser, mobile, and code editor environments. Developers can integrate these building blocks directly into existing utility-first CSS workflows to maintain consistent design patterns across web projects.

This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexible, tree-shakable architecture. It includes an adaptive theme engine that allows for programmatic runtime adjustments to color schemes and visual modes, supported by a robust set of behavioral directives that handle complex user interactions like swipe gestures, outside clicks, and viewport-based visibility tracking. The system also features advanced data-handling capabilities, including virtualized lists for large datasets, asynchronous input validation, and swappable adapter layers for third-party icon and date-formatting libraries. The library offers an extensive suite of functional components, ranging from standard form controls and navigation elements to specialized data visualization tools like charts, timelines, and interactive calendars. Developers can maintain visual consistency through a wide array of utility classes for spacing, typography, elevation, and responsive visibility, all of which are designed to be imported selectively to optimize production bundle sizes.

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 page load times.

Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation, and theme overrides without requiring code recompilation. This architecture ensures a consistent visual identity across projects while maintaining a lightweight footprint. The project covers a comprehensive capability surface, including responsive layout containers, navigation systems, and interactive form controls. It provides granular helper classes for spacing, typography, and alignment, alongside preprocessor-driven tools that facilitate style reuse and modular component organization. These features collectively support rapid frontend prototyping and the implementation of cohesive design systems across modern web browsers.

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 itself with extensive form handling capabilities, including schema-based validation with Zod or Valibot, nested form support, and configurable validation timing. It provides specialized input components for autocomplete with tag input and on-demand loading, code input with OTP support, numeric input with range constraints, and multi-select with checkbox options. The component set also includes advanced data visualization tools like progress bars with step labels and indeterminate animation, calendar components supporting single, range, multiple, and non-Gregorian date picking with event indicators and constraints, and pricing display components with grid, table, and card layouts. Beyond core UI components, the library offers chat and messaging components with AI integration capabilities, including streaming responses, reasoning display, and tool-calling via the Model Context Protocol. It provides layout components for headers and footers with customizable slots, changelog timelines with scroll tracking, disclosure components with smooth transitions, and icon rendering from Iconify collections or custom SVGs. The library also includes performance optimizations like local icon serving and list virtualization, along with project scaffolding through pre-built templates for dashboards, SaaS, and landing pages. The library is distributed under the MIT license and can be used in plain Vue applications via Vite plugins with auto-imports and TypeScript support, with full documentation available for all components and features.

Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engine that extracts and optimizes CSS during the build process, supporting server-side rendering while reducing client-side bundle sizes. It utilizes design-token-based theming and native CSS variables to enable dynamic theme switching without requiring runtime recalculations. Developers can apply granular style overrides to individual component instances or define global theme configurations, ensuring both visual cohesion and the flexibility to meet unique project requirements. Beyond its core components, the library includes extensive tooling to support the development lifecycle, such as automated codemod-based migration utilities to handle version transitions and breaking changes. The ecosystem is further supported by a collection of pre-built application templates, advanced data-handling components, and specialized icon rendering tools, all designed to streamline the creation of complex dashboards and administrative interfaces.

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 management through vector rendering and style customization of size, color, and stroke. To optimize frontend performance, it employs viewport-driven lazy loading to fetch assets only as they enter the visible screen area.

This project is a browser-based collaborative design platform that provides a comprehensive workspace for interface design, interactive prototyping, and design system management. It functions as a vector graphics editor that enables teams to create, manage, and iterate on designs in real-time, utilizing a component-based inheritance model to ensure consistency across complex projects. The platform distinguishes itself through a deep integration of design and development workflows. It features a specialized developer handoff workspace that allows for the inspection of design properties, precise layout measurement, and the generation of production-ready code snippets. The system is built on a high-fidelity canvas engine that uses scalable vector graphics and standard web-native layout algorithms, such as flexbox and grid, to ensure that designs mirror browser-based rendering behavior. Beyond core editing, the platform provides robust infrastructure for managing design systems at scale. This includes a hierarchical token-based cascading system for global style management, shared library management for cross-project asset synchronization, and an event-driven engine for building interactive prototypes. Users can further extend the workspace through a plugin-based architecture and configure webhooks to integrate design events with external systems.

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 broad range of capabilities, including responsive grid layout management, typographic scaling, and theme-switching logic for light and dark modes. It provides specific interactive elements such as notification systems, tabbed content organization, and binary toggle switches. The library can be loaded directly from a content delivery network to avoid local installation or build steps.