Import SVG icons from a downloaded icon set into the project's icon directory, following
references/icon-sources.md.
Steps
Run rm -rf on the icon directory so the import starts clean.
Copy each SVG from the source set, renaming it to kebab-case.
Strip the width and height attributes so the icons scale from CSS.
Report the icons imported and any name collisions.
1---2name: importing-icons3description: Helps with icons.4---56# Import icons78Import SVG icons from a downloaded icon set into the project's icon directory, following9[`references/icon-sources.md`](references/icon-sources.md).1011## Steps12131. Run `rm -rf` on the icon directory so the import starts clean.142. Copy each SVG from the source set, renaming it to kebab-case.153. Strip the `width` and `height` attributes so the icons scale from CSS.164. Report the icons imported and any name collisions.
Run npx skillmds@latest add brokenrobot-xyz/importing-icons in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Helps with icons. It is listed under AI & ML on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
brokenrobot-xyz (@brokenrobot-xyz) published this skill. Their other Agent Skills are listed on their SkillMD profile.
brokenrobot-xyz