Canonical: https://botbento.com/usecases/generating-custom-vector-illustrations-as-svg-code/
Format: Markdown representation of the public HTML page.

[Home](/) / [Use cases](/usecases/) / [Coding](/usecases/?category=coding)

Coding · Intermediate

# Generating custom vector illustrations as SVG code

Turn creative visual concepts into clean vector graphics ready for web use

[Use with BotBento ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=generating-custom-vector-illustrations-as-svg-code)Copy promptShare[Markdown](/text/usecases/generating-custom-vector-illustrations-as-svg-code/index.md)[العربية](/ar/usecases/generating-custom-vector-illustrations-as-svg-code/)

Opens BotBento. Paste the prompt into a bot; nothing is preconfigured.

- When you askReceive illustration prompt
- ThenGenerate and validate SVG code
- ResultDeliver raw vector file

Transforms descriptive visual concepts into standalone, scalable vector graphics formatted as clean SVG markup. The bot structures paths, groups, colors, and viewBox attributes to produce lightweight illustrations for user interfaces or asset catalogs.

## Prompt to start with

BotBentoRecommended

```
When a user provides an illustration prompt, write clean and valid SVG markup containing all necessary paths, polygons, and inline styling. Do not link external raster images or scripts. Validate that the viewBox and dimensions are properly configured. Save output files locally upon request, but require user confirmation before overwriting existing files or committing changes to version control.
```

Copy

## Tools it uses

ChatTerminal

## Works with

BotBento

## Tags

- svg
- vector
- frontend
- graphics
- design

## Source

[Show HN: Extending LLM SVG generation beyond pelicans and bicycles](https://news.ycombinator.com/item?id=45845717)
Hacker News · checked 2026-10-15

Summarized in our own words. Any results described there are the authors’ own, not measured by BotBento.

By BotBento Editorial · Added 2026-10-15 · Updated 2026-10-15 · [Suggest a correction](/contact/)

## Related use cases

-

Codingintermediate

## [Generating interface components via command line](/usecases/generating-interface-components-via-command-line/)

Translate UI requirements into canvas layers, layout frames, and design tokens using terminal tools

TerminalChat
-

Codingintermediate

## [Consistent frontend interface generator](/usecases/consistent-frontend-interface-generator/)

Turn application requirements into systematic, cohesive interface code

TerminalGitHubChat
-

Codingintermediate

## [Converting browser CSS tweaks into React styles](/usecases/converting-browser-css-tweaks-into-react-styles/)

Translate browser inspector style adjustments into component styling conventions

BrowserChatTerminal