awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
styled-icons avatar

styled-icons/styled-icons

0
View on GitHub↗
2,101 stars·66 forks·JavaScript·MIT·19 viewsstyled-icons.dev↗

Styled Icons

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 applies dynamic styling and theme properties to rendered vector elements by consuming host application styling contexts. It features static icon package bundling to publish individual icon libraries as modular packages for selective importing, and uses template-driven component output to generate standardized React component boilerplate with uniform prop interfaces.

Accessibility features include declarative configuration that infers and injects screen reader attributes and title tags directly into generated vector element outputs, with options to toggle between decorative and standalone screen reader modes.

Features

  • React Icon Libraries - Provides a collection of popular open-source icon packs packaged as React components for styling and layout integration.
  • Icon Components - Transforms raw SVG icon sets into framework-native components with support for custom sizing and styling.
  • Iconography - Maintains a consistent visual language across web applications by standardizing icons as reusable components with centralized styling controls.
  • Vector Icons - Embeds popular open-source icon packs directly into user interfaces as styled components with support for custom dimensions and styling APIs.
  • React Application Development - Builds modern React web applications that require pre-styled UI components that integrate directly into the application design system.

Star history

Star history chart for styled-icons/styled-iconsStar history chart for styled-icons/styled-icons

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Styled Icons

These projects share indexed features with Styled Icons. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • react-icons/react-iconsreact-icons avatar

    react-icons/react-icons

    12,596View on GitHub↗

    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

    TypeScripticonsreactsvg-icons
    View on GitHub↗12,596
  • refactoringui/heroiconsrefactoringui avatar

    refactoringui/heroicons

    23,618View on GitHub↗

    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

    JavaScript
    View on GitHub↗23,618
  • gorangajic/react-iconsgorangajic avatar

    gorangajic/react-icons

    12,596View on GitHub↗

    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

    TypeScript
    View on GitHub↗12,596
  • carbon-design-system/carboncarbon-design-system avatar

    carbon-design-system/carbon

    9,172View on GitHub↗

    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

    TypeScript
    View on GitHub↗9,172
Compare all 30 related projects→

Frequently asked questions

What does styled-icons/styled-icons do?

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.

What are the main features of styled-icons/styled-icons?

The main features of styled-icons/styled-icons are: React Icon Libraries, Icon Components, Iconography, Vector Icons, React Application Development.

Which projects share features with styled-icons/styled-icons?

Projects with overlapping indexed features include: gorangajic/react-icons — react-icons is an SVG icon component library and multi-pack aggregator for React applications. It provides a single… refactoringui/heroicons — Heroicons is an SVG icon library and a set of UI vector graphic assets designed for use in user interfaces and web… react-icons/react-icons — This project is a comprehensive collection of type-safe SVG icon libraries bundled into a single, consistent… carbon-design-system/carbon — Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design… github/octicons — Octicons is a library of handcrafted scalable vector graphics and a standardized design system icon set. It provides a… evil-icons/evil-icons — This project is a collection of scalable vector graphics designed for web interfaces. It is distributed as an SVG icon…

Curated searches featuring Styled Icons

Hand-picked collections where Styled Icons appears.
  • Custom icon sets
  • open-source icon library
  • Web and App Icon Libraries