IconPark

IconPark is an open-source icon library developed by ByteDance, designed to provide a scalable and customizable collection of vector icons for designers and software engineers. The library contains over 2,600 base icons organized into 29 distinct categories, covering common needs such as actions, alerts, communication, content, devices, editing, files, finance, maps, media, navigation, social, and more. Each icon is crafted from a single SVG source file, which allows the library to transform the same underlying shape into multiple visual themes — including outline, filled, two-tone, and colorful styles — through a technology-driven rendering engine. This means users can switch between themes without needing separate icon sets, reducing redundancy and maintenance overhead. For engineers, IconPark offers lightweight, framework-specific packages that integrate seamlessly into frontend development workflows. Official packages are available for React, Vue 2, Vue 3, and raw SVG, each optimized for tree-shaking and minimal bundle size. Developers can import individual icons on demand, apply custom properties such as stroke width, color, size, and spin animation directly via props or attributes. The library also provides a CLI tool and an online editor for generating custom icon sets, and it supports SVG compression to keep code repositories clean. Designers benefit from a web-based resource station where icons can be previewed, searched by keyword or category, and downloaded in SVG or PNG format with adjustable stroke and color settings. The IconPark website includes an illustration library and project management features that allow teams to organize saved icons, share collections, and maintain brand consistency across multiple products. The icon set follows a unified design s