← Back to Docs
Recipe

SVG Techniques

Generate crisp, scalable vector graphics directly from prompts. No raster artifacts, infinite zoom.

Why SVG?

SVG output gives you resolution-independent icons, diagrams, and illustrations. Meridian emits clean, well-structured SVG with proper viewBox attributes, semantic grouping, and inline styles ready for production use.

Prompt Structure

Generate an SVG of [subject]. Use [style]. Keep it [constraint].
  • Specify dimensions: “512x512 viewBox”
  • Request stroke-only or filled styles
  • Ask for grouped layers with <g> tags

Example

Generate an SVG of a mountain landscape at sunset. Use flat design with 5 colors. Keep it under 2KB. Include a sun, three peaks, and pine trees.

Post-Processing

Meridian SVGs are production-ready. Run them through SVGO for optimization, embed directly in HTML, or import into Figma for further editing. All coordinates use integer precision by default.