Transform a single SVG icon into multiple themes and generate React, Vue, and SVG icon components.
IconPark is an open-source icon library that provides over 2,000 high-quality SVG icons. It solves the problem of managing multiple SVG files for different themes by transforming a single SVG source into outline, filled, two-tone, and multi-color variants. The library also generates cross-platform components for React, Vue, and pure SVG, streamlining icon usage in projects.
Frontend developers working with React or Vue who need customizable, themeable icons, and designers who require high-quality icons for tools like Figma, Sketch, or Photoshop.
Developers choose IconPark for its unique theme transformation technology, which reduces icon asset management overhead, and its seamless integration with popular frameworks via ready-to-use components. The extensive library and online customization tools offer flexibility unmatched by static icon sets.
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Transforms a single SVG source into outline, filled, two-tone, and multi-color themes by adjusting fill and stroke attributes, eliminating the need for multiple icon files and ensuring consistency.
Provides ready-to-use icon components for React, Vue 2, Vue 3, and pure SVG, streamlining integration into popular frontend frameworks with minimal setup.
Offers over 2,000 hand-coded icons designed on a 48x48 grid with SVG stroke, ensuring high quality and flexibility for various design needs.
Features a web interface to adjust color, size, stroke-width, and other SVG attributes, with options to copy components or download files for tools like Figma and Sketch.
Advanced customization and asset generation rely heavily on the IconPark website, which can be a single point of failure and inconvenient for offline workflows.
Only supports React and Vue; teams using other frameworks like Angular or Svelte must resort to SVG imports or seek alternative libraries.
With a large icon set, importing the entire library can bloat bundle sizes, and tree-shaking might require manual configuration to avoid unnecessary bloat.