# Forge Check Svg

> Use when 需要扫描或检查项目中 SVG 图标的使用情况，发现并报告不符合规范的写法，包括命名、路径和组件化问题；适用于代码审查阶段。触发词：检查svg规范、图标规范检查、SVG使用审查、SVG图标优化。

- Skill: `forge-town/forge-check-svg` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add forge-town/forge-check-svg`
- Raw SKILL.md: https://api.skillmd.com/api/skills/forge-town/forge-check-svg/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: forge-town (https://skillmd.com/u/forge-town)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/forge-town/forge-check-svg

---


# SVG 组件检查

## 使用说明

1. 扫描组件文件，用正则 `<svg[^>]*>[\s\S]*?<\/svg>` 检测内联 `<svg>` 标签
2. 发现违规时，将内联 SVG 提取为 `IconName.tsx`（PascalCase），放入 `components/icons/`，原处改为 `import` + `<IconName />`
3. 迁移时将 `width/height/fill/className` 等属性改为 props

**规范：** 禁止在业务组件中内联 `<svg>`；所有图标必须封装为独立组件并通过 import 使用

**参考：** 具体迁移流程见 [forge_svg-icon-best-practice](../forge_svg-icon-best-practice/SKILL.md)