11 个仓库
Libraries providing SVG icon sets as reusable React components.
Explore 11 awesome GitHub repositories matching web development · React Icon Libraries. Refine with filters or upvote what's useful.
This project is a community-driven knowledge base that serves as a centralized directory for the React and React Native ecosystems. It functions as a developer discovery portal, aggregating high-quality libraries, frameworks, and learning resources to assist in the research and selection of tools for modern web and mobile application development. The repository distinguishes itself through a hierarchical taxonomy that organizes a fragmented landscape of third-party software into functional domains. By utilizing markdown-based content curation, it provides a structured index that allows develo
Gathers SVG icon sets packaged as reusable components for consistent interface design.
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
Provides a comprehensive library of SVG icon sets as reusable React components.
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
Bundles numerous open-source SVG icon libraries into a single dependency as reusable React components.
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
Integrates and manages a wide variety of popular SVG icon sets as reusable components within React applications.
This project is a centralized repository and delivery system for branding assets and development environment themes. It serves as a static asset host that provides brand images, logos, and media files via a content delivery network for use by external applications. The project provides an integrated theme and icon pack for editors and terminals, featuring hand-curated color schemes and a custom file icon set mapped to specific extensions and folders. It utilizes a JSON-schema-driven configuration system to apply consistent visual styling and contrast levels across different platforms. Additi
Ships a library of handcrafted icons designed to enhance visual navigation within development environments.
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
Provides a comprehensive library of SVG icons as reusable React components.
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
Provides SVG icon components for React and Vue with runtime customization and tree-shaking.
本项目是一个 Visual Studio Code 图标包,由一组 SVG 图形和检测系统组成,旨在修改文件资源管理器的外观。它提供了一套全面的文件和文件夹视觉标识符,以改善项目导航和结构可视化。 该扩展包含一个项目框架检测器,可扫描工作区目录结构以自动应用技术特定的图标。用户还可以通过手动图标关联、从外部目录集成自定义图标以及在不同图标预设之间切换来进一步个性化其环境。 该系统通过将扩展名和名称映射到特定资产来处理文件和文件夹类型的可视化,包括针对浅色和深色界面的主题感知解析。它还包括界面文本本地化功能以及将配置重置为默认状态的实用程序。
Ships a library of SVG graphics specifically designed for mapping visual markers to file extensions and folder names in editors.
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
Automatically resolves and imports icons used in template code, eliminating manual import statements.
unplugin-vue-components 是一个构建工具,可自动导入和注册模板中使用的 Vue 组件,无需手动编写导入语句。它充当各种打包工具(包括 Vite 和 Webpack)的插件,在编译过程中解析并注入组件依赖项。 该项目具有一个映射系统,可识别并导入来自流行第三方 Vue 界面库的组件。此解析逻辑可以通过自定义解析器扩展来修改,以改变特定 UI 库的发现和导入方式。 为了保持类型安全,该工具包含一个 TypeScript 类型生成器,可创建全局声明文件。这些文件为无需显式导入即可加载的组件提供自动补全和类型检查。
Analyzes Vue templates to automatically identify used components and insert necessary import statements.
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
Provides a comprehensive library of SVG icons delivered as reusable React components.