SVG Generator

This website generates simple SVG images based on your text input using AI. Enter a description, and we'll create a 200x200 pixel SVG image for you!

\n \n

After submitting, you'll be redirected to a page displaying your generated SVG image.

View source: Val Town

\n \n \n \n `,\n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n }\n );\n }\n\n // Generate SVG using OpenAI\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: \"You are a helpful assistant that generates simple SVG images based on text input. Return only valid SVG code wrapped in ```xml tags without any explanation.\" },\n { role: \"user\", content: `Generate a simple SVG image for: ${text}. The SVG should be 200x200 pixels. Wrap the SVG content in \\`\\`\\`xml tags.` },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 500,\n });\n \n const rawContent = completion.choices[0].message.content.trim();\n \n // Parse out the SVG content from the ```xml tags\n const svgMatch = rawContent.match(/```xml\\s*([\\s\\S]*?)\\s*```/);\n \n if (!svgMatch || !svgMatch[1]) {\n return new Response(\"Error: Failed to generate valid SVG content\", { status: 500 });\n }\n \n const svgContent = svgMatch[1].trim();\n \n // Validate that the content starts with