svg-icon-gen

SVG Icon Generator — Claude Code Plugin

A Claude Code skill that generates, edits, animates, and optimizes custom SVG icons from scratch using geometric patterns. No icon library needed — icons are built from learned construction patterns.

What it does

• Generate any SVG icon from a text description
• Convert images/logos to clean SVG
• Edit and modify existing SVG icons
• Create consistent icon sets for your project
• Animate SVG icons with CSS/SMIL
• Optimize SVG paths for production
• Supports outline, filled, and duotone styles
• React components, inline SVG, accessibility, dark mode

Installation

1. Add the marketplace:

/plugin marketplace add Dmian0/svg-icon-gen-plugin

2. Install the plugin:

/plugin install svg-icon-gen@svg-icon-gen-plugin

Usage

Once installed, Claude Code will automatically use this skill when you:

• Ask to create or generate an icon
• Mention "icon", "SVG", or "make me an icon"
• Want to convert a logo/image to SVG
• Need to edit, animate, or optimize SVG icons
• Are building a UI where icons would help

Examples

"Make me a settings gear icon"
"Create a set of navigation icons for my app"
"Convert this logo to a clean SVG"
"Animate this icon with a subtle hover effect"
"Optimize these SVGs for production"

License

MIT