Summary
Icon files stop being a manual conversion step.
One tool, but it carries SVGR's whole option surface, so what comes back is already in your project's dialect — typed or not, memoised or not, formatted the way the repository formats things. The paste-and-clean-up pass disappears.
What it is
A single-tool MCP server that runs SVGR. Hand it raw SVG and it returns React component source, with SVGR's configuration surface exposed so the output matches your project.
What you get
- Raw SVG converted into a React component, returned as code
- The component name set by you
- TypeScript output, React Native output, or plain JSX
- Props forwarded to the SVG tag, ref support, title and description props, and a React.memo wrapper
- Attribute values remapped and props added to the root SVG tag
- SVGO optimisation before conversion and Prettier formatting after
Requirements
Npx on your PATH. No account and no key.
Setup effort
One command — npx svgr-mcp@latest