# Create an icon or illustration as SVG code

Clean, scalable SVG graphics written as code.

- Topic: Images, Video & Design
- Framework: Few-Shot
- Level: Standard
- Tags: Design, Coding, Explain & Teach, Code, Fill-in Template
- Source: https://www.thinkwithprompt.com/prompts/create-an-icon-or-illustration-as-svg-code

## Prompt

```text
Create an SVG graphic for me.

**What to draw:** [e.g. "a minimal line icon of a coffee cup", "a simple logo mark", "a flat illustration of a mountain landscape"]
**Size and use:** [e.g. 24×24 icon, 512×512 illustration, website hero]
**Style:** [line / filled / duotone / flat illustration; stroke width]
**Colors:** [HEX values, or "use currentColor" for icons]

Requirements: valid, clean SVG with a viewBox; no external dependencies; minimal paths; accessible (role="img" and a <title>). Return the SVG code in a code block, then explain how to tweak the main shapes and colors.
```

## What to fill in

- e.g. 24×24 icon, 512×512 illustration, website hero
- line / filled / duotone / flat illustration; stroke width
- HEX values, or "use currentColor" for icons

Free to copy and use. From ThinkWithPrompt (https://www.thinkwithprompt.com/), a library of 2,663 curated AI prompts.