Alchemy Lab

SVG Generator - Vector Graphics Generation

Generate beautiful vector graphics with natural language. Creative tool.

Generate beautiful vector graphics with natural language. Creative tool.

Core Features

  • 🎨 Natural Language Generation: Generate SVG directly from text descriptions
  • 🖼️ Reference Image Optimization: Upload reference images, AI optimizes output
  • ⚡ Animation Injection: Add animation effects to SVG
  • 💾 Instant Export: SVG / PNG / JPEG multi-format download
  • 🎯 Style Control: Flat, 3D, gradient and other styles

Quick Start

Online Use

Visit svg.izoa.fun to start creating:

  1. Enter description: "A minimalist orange flask icon"
  2. (Optional) Upload reference image
  3. Click "Generate"
  4. Preview and download SVG

API Call

curl -X POST https://svg.izoa.fun/api/generate \
  -H "Content-Type: application/json" \
  -d '{
    "prompt": "A minimalist orange flask icon",
    "style": "flat",
    "format": "svg"
  }'

Response:

{
  "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\"...>...</svg>",
  "id": "gen-xxx",
  "previewUrl": "https://svg.izoa.fun/preview/gen-xxx.png"
}

Supported Styles

Style Description Example Prompt
Flat Flat design "Flat style sun icon"
3D Three-dimensional effect "3D style globe"
Gradient Gradient colors "Gradient orange background"
Line Art Line art "Line style coffee cup"
Abstract Abstract geometry "Abstract geometric shape composition"

Use Cases

1. Logo Design

"A minimalist flask logo, orange primary color, suitable for tech company"

2. Icon Library

Batch generate:
- "Home icon, flat style"
- "Settings icon, flat style"
- "User icon, flat style"

3. Illustrations and Decorations

"Blog post illustration: abstract style data visualization"

4. Animation Effects

"Loading animation: rotating gear icon"

Tech Stack

  • Frontend: React + Vite + TypeScript
  • Backend: Express + TypeScript
  • AI Service: new-api proxy (Gemini Flash)
  • SVG Processing: SVGO (optimization)
  • Deployment: Vercel + Cloudflare CDN

Performance Metrics

Metric Value
Generation Speed ~3-8s
SVG Size Usually <50KB
Optimization Rate ~30-50% size reduction
Concurrency 5+ req/s

Limits and Constraints

  • Description Length: Max 500 characters
  • Reference Image: Max 5MB
  • Generation Frequency: Recommend <10 times/minute
  • SVG Complexity: Recommend <100 elements

Source and Deployment

Related Resources

Feedback and Support