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
·
bytedance avatar

bytedance/IconParkArchived

0
View on GitHub↗
9,039 stars·537 forks·TypeScript·Apache-2.0·13 viewsiconpark.bytedance.com↗

IconPark

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 stroke widths. It supports the export of icons for various web environments and allows for the retrieval of icon metadata such as names and categories.

Features

  • React Icon Libraries - Provides a comprehensive library of SVG icons as reusable React components.
  • Icon Sets - Offers a collection of graphical symbols with multiple style variations like outline and filled.
  • Icon Styling - Allows adjustment of colors, sizes, and stroke widths to customize individual icon appearances.
  • Theme Variations - Transforms a single source file into multiple visual themes for web use.
  • SVG Attribute Styling - Modifies SVG attributes directly to enable switching between outline and filled visual themes.
  • Icon Collections - Provides a curated collection of customizable SVG icons with tools for theme generation.
  • SVG Component Transformations - Converts raw SVG path data into functional React and Vue components during the build process.
  • Vue Icon Libraries - Transforms SVG icons into ready-to-use Vue components for frontend projects.
  • Remote SVG Delivery - Allows dynamic adjustment of colors and sizes of SVG icons.
  • Multi-Target Asset Generators - Processes a single master SVG definition to output multiple file formats and framework-specific implementations.
  • Web Component Exports - Generates framework-agnostic web components and various SVG formats from a single source.
  • Asset Mappings - Uses structured JSON files to map icon identifiers to SVG sources and category information.
  • Framework Exports - Generates ready-to-use components for various environments to ensure consistent icon rendering.
  • General Icon Sets - Large icon library with an interface for real-time customization.
  • Icon Frameworks and Utilities - A high-quality icon library with built-in customization and framework support.
  • Icon Libraries - Provides themeable and multi-format icon generation tools.
  • 字体图标 ( Font Icon ) - Listed in the “字体图标 ( Font Icon )” section of the Awesome Frontend awesome list.

Star history

Star history chart for bytedance/iconparkStar history chart for bytedance/iconpark

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

Frequently asked questions

What does bytedance/iconpark do?

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.

What are the main features of bytedance/iconpark?

The main features of bytedance/iconpark are: React Icon Libraries, Icon Sets, Icon Styling, Theme Variations, SVG Attribute Styling, Icon Collections, SVG Component Transformations, Vue Icon Libraries.

What are some open-source alternatives to bytedance/iconpark?

Open-source alternatives to bytedance/iconpark include: react-icons/react-icons — This project is a comprehensive collection of type-safe SVG icon libraries bundled into a single, consistent… 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… ionic-team/ionicons — Ionicons is a library of hand-crafted scalable vector icons and an interface design asset pack used to build… fortawesome/font-awesome — Font-Awesome is a CSS icon framework and SVG icon library that provides a standardized set of vector assets for… erikflowers/weather-icons — Weather Icons is a weather icon font library and CSS icon set designed for displaying atmospheric conditions and wind…

Open-source alternatives to IconPark

Similar open-source projects, ranked by how many features they share with IconPark.
  • 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
  • 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
  • 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
  • ionic-team/ioniconsionic-team avatar

    ionic-team/ionicons

    18,094View on GitHub↗

    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

    TypeScripticon-packiconsiconset
    View on GitHub↗18,094
See all 30 alternatives to IconPark→