MCPcopy Index your code
hub / github.com/MMF-FE/svgicon

github.com/MMF-FE/svgicon @v4.0.1

Chat with this repo
repository ↗ · DeepWiki ↗ · release v4.0.1 ↗ · + Follow
345 symbols 1,291 edges 59 files 1 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
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 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)

Documentation

Refer to the documentation

License

MIT

Extension points exported contracts — how you extend this code

ReactSvgIconFC (Interface)
SvgIcon function component, define in @yzfe/svgicon-loader compile
packages/react-svgicon/src/index.tsx
OptimizedSvg (Interface)
(no doc)
packages/svgicon-gen/typings/index.d.ts
Window (Interface)
(no doc)
packages/svgicon-viewer/web/src/icons.ts
LoaderOptions (Interface)
(no doc)
packages/svgicon-loader/typings/index.d.ts
Options (Interface)
(no doc)
packages/svgicon/src/index.ts
IntrinsicElements (Interface)
(no doc)
demo/vue-demo/src/shims-tsx.d.ts
ComponentProps (Interface)
(no doc)
packages/react-svgicon/src/index.tsx
IconData (Interface)
(no doc)
packages/svgicon-gen/typings/index.d.ts

Core symbols most depended-on inside this repo

n
called by 533
demo/v3/js/chunk-vendors.d9f13dec.js
i
called by 260
demo/v3/js/chunk-vendors.d9f13dec.js
r
called by 163
demo/v3/js/chunk-vendors.d9f13dec.js
o
called by 81
demo/v3/js/chunk-vendors.d9f13dec.js
c
called by 55
demo/v3/js/chunk-vendors.d9f13dec.js
a
called by 52
demo/v3/js/chunk-vendors.d9f13dec.js
t
called by 48
demo/v3/js/app.6b1cee33.js
u
called by 47
demo/v3/js/chunk-vendors.d9f13dec.js

Shape

Function 315
Interface 17
Method 7
Class 6

Languages

TypeScript100%

Modules by API surface

demo/v3/js/chunk-vendors.d9f13dec.js270 symbols
packages/svgicon/src/index.ts18 symbols
demo/v3/js/app.6b1cee33.js10 symbols
packages/svgicon-gen/src/utils.ts6 symbols
demo/react-demo/src/pages/index.tsx6 symbols
packages/react-svgicon/src/index.tsx5 symbols
demo/vue-demo/src/App.ts4 symbols
packages/svgicon-viewer/web/src/shims-tsx.d.ts3 symbols
packages/svgicon-gen/typings/index.d.ts3 symbols
packages/vue-svgicon/vue.config.js2 symbols
packages/vue-svgicon/tests/unit/component.spec.ts2 symbols
packages/svgicon/test/svgicon.spec.ts2 symbols

For agents

$ claude mcp add svgicon \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page