DEV Community

Cover image for IcoGenie: AI-Powered SVG Icon Generation for Developers
albert nahas
albert nahas

Posted on

IcoGenie: AI-Powered SVG Icon Generation for Developers

TL;DR: IcoGenie generates production-ready SVG icons from text descriptions. No design skills required. Available as a web app, CLI tool, and MCP server for AI assistants.


The Problem

Every developer knows the pain: you're building an app, and you need icons. You search icon libraries, but nothing quite fits. You try to design one yourself, but it looks amateur. You hire a designer, but that takes days and costs hundreds.

What if you could just describe what you need and get a professional icon in seconds?

Introducing IcoGenie

IcoGenie transforms natural language into production-ready SVG icons. Simply describe what you need—"a shopping cart with a heart inside" or "a minimalist rocket launching"—and get crisp, scalable icons optimized for both 16px favicons and large displays.

Three Ways to Generate

1. Web Interface (icogenie.xyz)
The fastest way to get started. Type your description, preview variations, and download your complete icon package.

2. CLI Tool

npx @icogenie/cli generate "lightning bolt" --style solid --variations 4
Enter fullscreen mode Exit fullscreen mode

Perfect for scripting and CI/CD pipelines. Integrates with your existing workflows.

3. MCP Server for AI Assistants
Let Claude or other AI assistants generate icons programmatically while coding:

{
  "mcpServers": {
    "icogenie": {
      "command": "npx",
      "args": ["-y", "@icogenie/mcp"]
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

What You Get

Every download includes:

  • SVG - Infinitely scalable vector
  • PNGs - 16px, 32px, 192px, 512px
  • JSX Component - Ready for React
  • HTML Meta - Favicon snippet for your site
  • AGENTS.md - Integration guide for AI tools

Icon Bundles

Need a complete icon set? Describe your use case—"e-commerce app icons" or "weather conditions for a travel app"—and IcoGenie generates a cohesive set of 2-20 icons with consistent style.

Three Styles

  • Solid - Bold, filled icons for brand recognition
  • Outline - Clean line-art for minimal interfaces
  • Colored - Playful illustrations for apps and categories

Pricing

  • 8 free credits on signup
  • 1 credit per preview
  • 5 credits per download
  • Credit packages from $1 (10 credits) to $25 (325 credits with 30% bonus)

Built for Developers

IcoGenie is API-first. Every feature available in the web UI is accessible via REST API or CLI. The OpenAPI specification is available at /api/openapi.json for automated integration.

Example: GitHub Actions Integration

- name: Generate app icon
  run: |
    npx @icogenie/cli generate "${{ github.event.inputs.description }}" \
      --output ./public/icon.svg
Enter fullscreen mode Exit fullscreen mode

Try It Now

Visit icogenie.xyz and generate your first icon in seconds. No signup required for previews.


IcoGenie: Icons that just work.

Top comments (1)

Collapse
 
martijn_assie_12a2d3b1833 profile image
Martijn Assie

This is awesome!! IcoGenie looks like a total game-changer for developers… no more hunting for icons or struggling with DIY designs?! Tip: the CLI integration is genius, imagine generating consistent icons automatically in your CI/CD pipeline!!