Awesome Open Source
Awesome Open Source

Svg Icon Packages


  • Support multiple js frameworks
  • Load with webpack loader
  • Supports multiple colors, including gradients; Supports set fill and stroke attributes at the same time; supports original colors, and can modify a certain color; Supports zoom, animation etc.
  • Icon Preview


  • @yzfe/svgicon Generate the data required by the SVG icon component according to the incoming parameters (props)
  • @yzfe/vue-svgicon SVG icon component for vue2.x
  • @yzfe/vue3-svgicon SVG icon component for vue3.x
  • @yzfe/react-svgicon SVG icon component for react
  • @yzfe/svgicon-gen Generate icon data (icon name and processed SVG content) based on the content of the SVG file
  • @yzfe/svgicon-loader Load the SVG file as icon data (vue) or SVG icon component (react), the generated code can be customized
  • @yzfe/svgicon-viewer Preview SVG icon
  • @yzfe/vue-cli-plugin-svgicon A vue-cli plugin that can quickly configure svgicon
  • @yzfe/svgicon-polyfill SVG innerHTML compatible (IE)


Refer to the documentation



Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (266,129
Reactjs (166,711
Vue (68,287
Vuejs (68,287
Icons (15,064
Ssr (4,135
Vue3 (1,890
Webpack Loader (818
Svgo (245