Icon Audit
A dev tool that allows designers to fix and resolve poorly implemented MCP icons within agentic coding tools.
Icons pulled in from Figma often land as img instead of inline, locally-bundled svg.
That presents two problems. The icon isn't stored locally within your project and if the source URL of the img moves, times out or the Figma MCP session expires, it breaks and you're left with a missing-image glyph - not good.
Icon Audit is a dev tool that allows you to quick scan and highlight all the icons on a given page. To update a misaligned icon to a svg format, select, pick a replacement and copy the action from the agent prompt window into your coding tool.
Install Icon Audit via npm:
npm install --save-dev icon-auditOr just tell your agent to set it up:
Install icon-audit as a dev dependency. Do not import it in the app — the overlay loads through the Vite dev script. I want it available while designing locally.If your dev script isn’t a plain vite command, run:
npx icon-audit