Skip to content
SVG Weave
Lighthouse scene

Write a description, get an SVG drawing back: icons, spot illustrations, simple scenes. The output is a still image you can use as-is or animate later.

Updated .

Text to SVGGenerator

A text-to-SVG generator turns a written description into an SVG drawing. In SVG Weave, open the Text tab on an SVG input node, describe the graphic ("a flat-style lighthouse on a small rocky island"), and generate. The model returns a static vector illustration as SVG code that you can download. Each generation costs a fixed 50 credits. For motion, use the animation step afterward.

Generate a static SVG

  1. Open the Text tab

    Add an SVG input node and switch to the Text tab. Type your description. If an SVG is already loaded, it is used as a style reference.

  2. Generate

    The model returns a vector illustration. It costs 50 credits, and credits are released if generation fails.

  3. Download or keep going

    Download the SVG, regenerate with a sharper prompt, or connect the node to a Render node to animate it.

What text-to-SVG gives you

Style reference
Load an SVG first and it guides the look of the new one, which helps keep icon sets consistent.
Ids on every element
Each element and group gets an id, so selection and later animation can target specific parts.
Plain, small files
Output is ordinary SVG with fills and paths. Simple icons are around a kilobyte.

What this tool is for

This page is about creating a still SVG: an icon, a spot illustration, a simple scene, or a shape set to drop into a page. The result does not move. If you want motion, that is a separate step, covered on the SVG animation generator page, and it takes the generated SVG as input.

The generation uses the QuiverAI Arrow model through the Vercel AI Gateway, which outputs vector artwork directly: fills, strokes, and gradients rather than hand-written geometry.

Writing prompts that work

Name the subject, the style, and the colors, and say that the background should be transparent if you want to place it on a page. Flat or line styles come out cleaner than photoreal ones. "A flat-style coffee cup on a saucer with three curly steam wisps" is more reliable than "a nice cup of coffee".

Simple, bold subjects with few parts give the cleanest result. Long lists of objects tend to produce busy files, and exact text or logos are not reliable. Try the same prompt more than once if the first composition is off, since each run is a new generation and bills 50 credits.

Using a reference SVG for style

If the SVG input node already holds an SVG when you generate, the editor passes it to the model as a style reference. This steers colors and drawing style toward your existing artwork, which is useful for making a set of matching icons. References are limited to about 5MB.

What you get and what it costs

The file is plain SVG with a style block of fill classes and a viewBox sized to the drawing. The editor fills in an id for every element, so you can select parts later. Files for the examples below ranged from about 1KB for a single icon to about 3KB for a multi-part scene.

A generation reserves and bills a fixed 50 credits regardless of how complex the drawing is. If it fails, the credits are released. A 150-credit pack covers three generations.

Made with SVG Weave

Lighthouse scene
Whale, with the lighthouse as a style reference
Compass, with the lighthouse as a style reference

Lighthouse scene

Generated with the product's text-to-SVG call. Prompt: "A lighthouse on a small rocky island at dusk, flat vector illustration, bold simple shapes, warm coral and deep navy palette, sea waves in front, a few seagulls, no background rectangle". Unedited.

Open the file

Whale, with the lighthouse as a style reference

Generated with the product's text-to-SVG call, with the lighthouse drawing passed as a style reference the way the editor passes the SVG input node's current drawing. Prompt: "A whale surfacing beside a small rocky island, a spout of water above its head, sea waves in front, flat vector illustration in the same style as the reference: bold simple silhouettes, no outlines, no gradients, deep navy ink with warm coral accents and a little off-white, calm editorial mood, no background rectangle". Unedited.

Open the file

Compass, with the lighthouse as a style reference

Generated with the product's text-to-SVG call with the same style reference. Prompt: "A ship's compass rose seen from above with a navy needle tipped in coral", followed by the same style sentence. Unedited.

Open the file

Questions

Does text to SVG produce animated graphics?

No. It produces a static SVG. Animating it is a separate step that takes the SVG as input and writes CSS keyframes.

What kinds of things can I generate?

Icons, spot illustrations, simple scenes, and shape-based graphics work best. Photoreal subjects, long scenes, and exact text are unreliable.

Can I make a set of icons in one style?

Load your first icon in the SVG node before generating the next one. It is passed as a style reference. Results are guided, not guaranteed identical.

How much does it cost?

A fixed 50 credits per generation, whatever the complexity. Credit packs start at 150 credits for $5, covering three generations.

What if the result is wrong?

Rewrite the prompt with more specific subject, style, and colors and generate again. Each new generation costs another 50 credits. Small changes can instead be made with the element editor.

Is the SVG clean enough to use on a website?

It is standard SVG with a viewBox and no scripts. Check the preview and file size before shipping, and run it through an optimizer if you want smaller files.

Is the background transparent?

Ask for it in the prompt, as in the examples. The model usually complies, but check the preview, since scenes may include solid shapes such as water or ground.

Can I use the generated SVGs commercially?

Check the terms of SVG Weave and the underlying model provider for your use case. This page does not give legal advice.

Generate an SVG from text

Buy a credit pack, from $5, and start in the editor.

Related tools

  • SVG Animation Generator

    Describe the motion in plain English and get an animated SVG with embedded CSS @keyframes. Works on SVGs you upload, paste or generate. No JavaScript.

  • Image to SVG Converter

    Convert a PNG, JPG or WebP into an editable SVG with AI vectorization, then animate it. Best for logos, icons and flat artwork. 50 credits per conversion.