What it does
IconPark is ByteDance’s icon library and customization system. It supports outline, filled, two-tone and multicolor themes, with React, Vue and SVG packages and catalog metadata.
IconPark changes an icon’s visual theme through SVG fill and stroke settings. The same camera geometry, for example, can appear as an outline, a solid drawing or a multicolor symbol. Website tools provide Copy SVG, component copying and PNG or SVG downloads.
For React, install @icon-park/react and import its stylesheet plus a named component such as Home. Set the theme, size and fill props on the component; multicolor themes accept an array of colors. IconProvider can establish shared defaults across an application. The guide recommends loading icons on demand to reduce the compiled bundle.
Vue 2 and Vue 3 use different packages, @icon-park/vue and @icon-park/vue-next. Each package also includes icons.json metadata for names, authors, categories and labels. The library is free under Apache 2.0, whose redistribution terms include retaining notices, supplying the licence and identifying modified files.
Strengths
- Derives several themes from shared SVG geometry.
- Provides separate Vue 2 and Vue 3 packages plus React and plain SVG options.
Watch out for
- Importing the complete React collection can increase the compiled bundle.
Best for
- Design systems needing controlled icon themes.
- Teams sharing icon metadata with component code.
Sources
- IconPark (Oct 27, 2026)
- IconPark Icons: React (Oct 27, 2026)
- IconPark Apache License 2.0 (Oct 27, 2026)