> ## Documentation Index
> Fetch the complete documentation index at: https://wonder.design/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Generate images and vectors

> Generate scalable vector graphics from the Wonder AI chat, powered by Quiver.

You can generate vector graphics (SVGs) directly from the Wonder AI chat. Under the hood, Wonder uses [Quiver](https://quiver.ai/), a model built specifically for generating SVGs.

![Four vectors generated by Quiver on the canvas: a cat, a squirrel, a 'vrooom' wordmark, and a 'Farlo' floral logo](https://mintcdn.com/wonder-0722b0f6/txvZZNRKXPPmeY_S/images/generate-vectors/cover.webp?fit=max\&auto=format\&n=txvZZNRKXPPmeY_S\&q=85\&s=927d2fbb60e326c2052769b7d138d0f3)

## Generate a vector

Open the Wonder AI chat and describe what you want:

```text theme={"theme":{"light":"github-light","dark":"github-dark"}}
Create a SVG wordmark reading “Wonder” in a bold, fluid, hand-lettered brush script similar to a vintage signature logo. Use smooth connected letterforms, rounded strokes, a slightly forward-leaning rhythm and a long sweeping underline extending from the final letters.
```

Wonder generates the vector on the canvas as an SVG.

## Adjust the colors

You can recolor a generated vector, and bind its colors to your [variables](https://wonder.design/docs/variables.md) so it stays in sync with your theme.

## Download

You can download any generated vector as a clean SVG, ready to drop into your codebase or use anywhere else.

> [!NOTE]
>
> **Editing is on the way**\\
>
> You can already recolor a vector, but reshaping its points and curves isn't supported on the canvas yet: that's on our roadmap. For now, refine the shape by prompting again, then download it.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.