Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 9 hours 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 (over 7 years ago)
- Default Branch: master
- Last Pushed: 2024-02-21T02:37:45.000Z (9 months ago)
- Last Synced: 2024-10-30T03:36:12.541Z (15 days 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
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)