Create an icon or illustration as SVG code
Clean, scalable SVG graphics written as code.
The prompt
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.
Highlighted [brackets] are blanks to replace with your own details.
Fill in the blanks and use this promptMore Images, Video & Design prompts
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
How this prompt is built
This prompt follows the Few-Shot structure (Few-shot prompting). A few-shot prompt includes one or more worked examples of the input and the output you want, so the model can copy the pattern instead of guessing it.
Related prompts
- Check my brand colors and typography for accessibilityA contrast matrix and typography review of your style guide, with close-match color fixes and usage rules you can paste in.
- Present good, better, best repair options to a homeownerA clear, honest explanation of the problem I found on a service call, with tiered options the homeowner can choose from.
- Get unstuck on a coding error with hints instead of the answerA plain-English explanation of your error and step-by-step hints, so you learn to debug instead of copying a fix.
- Turn a technical document into theory notes and MATLAB codeSection-by-section explanations of the theory in a paper or chapter, with clear MATLAB code that implements each part.