https://github.com/MMF-FE/svgicon

SVG icon components and tool set
https://github.com/MMF-FE/svgicon

icon mutil-colors react ssr svg svgo vue-svgicon vue3 vuejs

Last synced: about 1 month ago
JSON representation

SVG icon components and tool set

• Host: GitHub
• URL: https://github.com/MMF-FE/svgicon
• Owner: MMF-FE
• License: mit
• Created: 2017-02-21T10:11:21.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-02-21T02:37:45.000Z (10 months ago)
• Last Synced: 2024-10-30T03:36:12.541Z (about 1 month ago)
• Topics: icon, mutil-colors, react, ssr, svg, svgo, vue-svgicon, vue3, vuejs
• Language: TypeScript
• Homepage: https://mmf-fe.github.io/svgicon
• Size: 9.95 MB
• Stars: 922
• Watchers: 19
• Forks: 95
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue - vue-svgicon - FE/vue-svgicon?style=social) - 创建svg图标组件的工具 (UI组件)
• awesome-starred - MMF-FE/svgicon - SVG icon components and tool set (vuejs)

README

        
# Svg Icon Packages

## Features

- 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

## Packages

- @yzfe/svgicon `Generate the data required by the SVG icon component according to the incoming parameters (props)`

- @yzfe/vue-svgicon `SVG icon component for vue`

- @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)`

## Documentation

Refer to the [documentation](https://mmf-fe.github.io/svgicon)

## License

[MIT](http://opensource.org/licenses/MIT)