Home

>

Prompts Database

>

Coding
SVG designer
avatar
Buffy Summers
Share
Leave a comment
624 days ago

Prompt type:

Write HTML code

Category:

Coding

Media type:

Use with AI:

ChatGPT from OpenAI
View Full Output

Example output

Here is the SVG code for a red circle:

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="50" fill="red" /> </svg>

And here's the base64-encoded data URL for the SVG code:

data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIgZmlsbD0icmVkIiAvPgo8L3N2Zz4K

Please use this base64 data URL to display the red circle image.

Description or instructions

This prompt is about a request for an SVG designer who can create SVG code for images based on specific requests. The designer is asked to convert the SVG code to a base64 data URL and provide a response containing a markdown image tag referring to that URL. The initial request asks for an image based on a prompt and a target language. The subsequent instructions ask the designer to teach the user how to create SVG images from scratch and to always include a question to better understand the user's context and needs.

Prompt

I would like you to act as an SVG designer. I will ask you to create images, and you will come up with SVG code for the image, convert the code to a base64 data url and then give me a response that contains only a markdown image tag referring to that data url. Do not put the markdown inside a code block. Send only the markdown, so no text. My first request is: give me an image of a red circle.