What it costs
- Free tier
- Yes
Open-source (Apache 2.0) icon library from ByteDance with 2,600+ free icons; no paid plan.
Auto-checked on 8 August 2026Source
About IconPark
What Is IconPark?
IconPark is a free icon library in the icons category that provides access to over 2,000 high-quality SVG icons. Developed by ByteDance, it enables users to transform a single SVG icon into multiple themes through attribute adjustments, fitting into design and development workflows where consistent, customizable icon assets are needed for web, mobile, and UI projects.
What IconPark Does
- Offers more than 2,000 SVG icons across various categories, hand-coded within a 48x48 grid for precise scaling.
- Supports theme transformation from one SVG source, including outline, filled, two-tone, and multi-color variants via fill and stroke attributes.
- Allows customization of icon properties such as color, size, stroke-width, stroke-linejoin, and stroke-linecap through an online interface.
- Provides cross-platform components for React, Vue, and pure SVG integration in development projects.
- Generates export options including SVG code, PNG downloads, and component code for React and Vue.
- Includes tools for copying icons directly into design software like Figma, Sketch, Photoshop, and PPT.
How IconPark Can Be Used
- Designers search and customize icons on the official website, then copy SVG or download PNG for import into Figma or Sketch during UI mockups.
- Developers integrate IconPark components into React or Vue applications by copying generated code, applying themes like outline for light modes or filled for dark modes.
- Teams maintain icon consistency across platforms by using the same SVG source with theme switches in web apps, mobile interfaces, or presentation slides.
- Users adjust stroke properties for line icons in navigation bars, adapting sizes and colors to match brand guidelines in e-commerce or social media projects.
Who Is IconPark For?
IconPark serves UI/UX designers needing scalable SVG icons for prototyping in tools like Figma, frontend developers building React or Vue applications with themeable assets, and product teams requiring cross-platform icon consistency without multiple file variants. It suits projects involving web apps, mobile designs, and presentations where free, customizable icon library resources streamline workflows. Visit IconPark
Featured Tools
Sponsored
Pryzm
Pryzm is a real-time studio for designers who need backgrounds that don't look like everyone else's. Layer procedural gradients, then stack glass, grain, light and blobs.
AI Boilerplate
The boilerplate built for vibe coding. Includes authentication, payments, storage, and a clean, AI-readable codebase, already wired up. Build on rails that don't break at prompt 100.
Framer
Design and launch your dream website with no coding required.
Your tool here
The tools above are our own picks until the slots sell.
Spotlight
SponsoredRotates daily
Animated Icons 2.0
Enhance your projects with 900+ animated icons.
Tools we recommend
Editorially chosen. Some links above are affiliate links — if you sign up we may earn a commission, at no extra cost to you.
More Icons Tools
Animated Icons 2.0
Enhance your projects with 900+ animated icons.
Glyph Neue
Over 1,500 icons in SVG and PNG formats, free with attribution.
Line Awesome
Easily replace Font Awesome with modern line icons using one line of code.
Pichon
Drag and drop the best design graphics with ease.
Akar Icons
A perfectly rounded icon library designed for designers and developers.
Atlas Icons
Versatile open-source icon library, offering various stroke widths and formats.
Explore Other Categories
Discover more design resources
New to Design?
Explore our comprehensive design glossary to master essential terminology from A/B Testing to Wireframes.
Browse GlossaryLooking for something specific?
Search through our entire collection of design tools and resources