<!--
Generated by DrawGPT.
Free, open source, AI generated images in SVG, PNG, and HTML Canvas format.
https://drawgpt.ai
Created: 2025-05-23T20:28:29+00:00
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
<title>Majestic Dragon in Flight</title>
<desc>What do you call a dragon that loves to sing? A Drake! This fire-breathing beast soars through the sky with grace and power.</desc>
<metadata type="keywords">dragon, fantasy, mythical, creature, flying</metadata>
<!-- Sky Background -->
<rect id="sky" class="sky" x="0" y="0" width="512" height="512" fill="#1a3a8f">
<animate attributeName="fill" values="#1a3a8f;#2c5299;#3e6aa3;#2c5299;#1a3a8f" dur="5s" repeatCount="indefinite"/>
</rect>
<!-- Clouds -->
<g id="clouds" class="clouds">
<path id="cloud1" class="cloud" d="M80,100 Q95,85 110,95 Q125,70 150,80 Q170,70 180,85 Q200,75 210,90 Q190,110 160,105 Q140,120 120,110 Q100,120 80,100" fill="#e6f2ff" opacity="0.8">
<animate attributeName="transform" type="translate" values="0,0; -20,5; 0,0" dur="5s" repeatCount="indefinite"/>
</path>
<path id="cloud2" class="cloud" d="M350,150 Q365,135 380,145 Q395,120 420,130 Q440,120 450,135 Q470,125 480,140 Q460,160 430,155 Q410,170 390,160 Q370,170 350,150" fill="#e6f2ff" opacity="0.7">
<animate attributeName="transform" type="translate" values="0,0; 20,-5; 0,0" dur="5s" repeatCount="indefinite"/>
</path>
<path id="cloud3" class="cloud" d="M200,200 Q215,185 230,195 Q245,170 270,180 Q290,170 300,185 Q320,175 330,190 Q310,210 280,205 Q260,220 240,210 Q220,220 200,200" fill="#e6f2ff" opacity="0.6">
<animate attributeName="transform" type="translate" values="0,0; -15,10; 0,0" dur="5s" repeatCount="indefinite"/>
</path>
</g>
<!-- Mountains -->
<path id="mountains" class="mountains" d="M0,400 L100,250 L150,320 L200,200 L250,300 L300,220 L350,280 L400,180 L450,300 L512,250 L512,512 L0,512 Z" fill="#2d3b55">
<animate attributeName="fill" values="#2d3b55;#3a4a6a;#2d3b55" dur="5s" repeatCount="indefinite"/>
</path>
<!-- Dragon Body -->
<g id="dragon" class="dragon">
<animateTransform attributeName="transform" type="translate" values="0,0; 10,-15; 0,0" dur="5s" repeatCount="indefinite"/>
<!-- Dragon Tail -->
<path id="tail" class="dragon-tail" d="M180,280 C150,310 120,320 90,310 C60,300 40,270 50,240 C60,210 90,200 120,210 C140,215 160,240 180,280 Z" fill="#8b0000">
<animate attributeName="d" values="M180,280 C150,310 120,320 90,310 C60,300 40,270 50,240 C60,210 90,200 120,210 C140,215 160,240 180,280 Z;
M180,280 C160,320 130,330 100,315 C70,300 45,260 55,230 C65,200 95,195 125,205 C145,210 160,240 180,280 Z;
M180,280 C150,310 120,320 90,310 C60,300 40,270 50,240 C60,210 90,200 120,210 C140,215 160,240 180,280 Z"
dur="5s" repeatCount="indefinite"/>
</path>
<!-- Dragon Tail Spikes -->
<path id="tail-spikes" class="dragon-spikes" d="M140,240 L130,210 L120,240 L110,200 L100,240 L90,210 L80,250" fill="none" stroke="#ff9900" stroke-width="3">
<animate attributeName="d" values="M140,240 L130,210 L120,240 L110,200 L100,240 L90,210 L80,250;
M140,230 L130,200 L120,230 L110,190 L100,230 L90,200 L80,240;
M140,240 L130,210 L120,240 L110,200 L100,240 L90,210 L80,250"
dur="5s" repeatCount="indefinite"/>
</path>
<!-- Dragon Body -->
<path id="body" class="dragon-body" d="M180,280 C220,250 260,240 300,250 C340,260 370,290 380,330 C350,310 320,300 290,310 C260,320 220,310 180,280 Z" fill="#a00000">
<animate attributeName="d" values="M180,280 C220,250 260,240 300,250 C340,260 370,290 380,330 C350,310 320,300 290,310 C260,320 220,310 180,280 Z;
M180,280 C220,240 260,230 300,240 C340,250 370,280 380,320 C350,300 320,290 290,300 C260,310 220,300 180,280 Z;
M180,280 C220,250 260,240 300,250 C340,260 370,290 380,330 C350,310 320,300 290,310 C260,320 220,310 180,280 Z"
dur="5s" repeatCount="indefinite"/>
</path>
<!-- Dragon Wings -->
<path id="wing-left" class="dragon-wing" d="M280,270 C250,220 200,200 150,220 C180,230 210,250 230,280 C240,290 260,290 280,270 Z" fill="#c00000">
<animate attributeName="d" values="M280,270 C250,220 200,200 150,220 C180,230 210,250 230,280 C240,290 260,290 280,270 Z;
M280,260 C250,200 190,180 140,210 C170,220 200,240 230,270 C240,280 260,280 280,260 Z;
M280,270 C250,220 200,200 150,220 C180,230 210,250 230,280 C240,290 260,290 280,270 Z"
dur="5s" repeatCount="indefinite"/>
</path>
<path id="wing-right" class="dragon-wing" d="M300,270 C330,220 380,200 430,220 C400,230 370,250 350,280 C340,290 320,290 300,270 Z" fill="#c00000">
<animate attributeName="d" values="M300,270 C330,220 380,200 430,220 C400,230 370,250 350,280 C340,290 320,290 300,270 Z;
M300,260 C330,200 390,180 440,210 C410,220 380,240 350,270 C340,280 320,280 300,260 Z;
M300,270 C330,220 380,200 430,220 C400,230 370,250 350,280 C340,290 320,290 300,270 Z"
dur="5s" repeatCount="indefinite"/>
</path>
<!-- Dragon Wing Details -->
<path id="wing-left-detail" class="dragon-wing-detail" d="M230,280 C210,250 180,230 150,220 M230,260 C200,240 170,230 150,220 M230,240 C200,230 170,220 150,220" fill="none" stroke="#800000" stroke-width="2">
<animate attributeName="d" values="M230,280 C210,250 180,230 150,220 M230,260 C200,240 170,230 150,220 M230,240 C200,230 170,220 150,220;
M230,270 C210,240 180,220 140,210 M230,250 C200,230 170,220 140,210 M230,230 C200,220 170,210 140,210;
M230,280 C210,250 180,230 150,220 M230,260 C200,240 170,230 150,220 M230,240 C200,230 170,220 150,220"
dur="5s" repeatCount="indefinite"/>
</path>
<path id="wing-right-detail" class="dragon-wing-detail" d="M350,280 C370,250 400,230 430,220 M350,260 C380,240 410,230 430,220 M350,240 C380,230 410,220 430,220" fill="none" stroke="#800000" stroke-width="2">
<animate attributeName="d" values="M350,280 C370,250 400,230 430,220 M350,260 C380,240 410,230 430,220 M350,240 C380,230 410,220 430,220;
M350,270 C370,240 400,220 440,210 M350,250 C380,230 410,220 440,210 M350,230 C380,220 410,210 440,210;
M350,280 C370,250 400,230 430,220 M350,260 C380,240 410,230 430,220 M350,240 C380,230 410,220 430,220"
dur="5s" repeatCount="indefinite"/>
</path>
<!-- Dragon Neck -->
<path id="neck" class="dragon-neck" d="M380,330 C390,300 410,280 440,270 C450,260 460,240 450,220 C440,200 420,190 400,200 C380,210 370,240 380,270 C390,290 390,310 380,330 Z" fill="#b00000">
<animate attributeName="d" values="M380,330 C390,300 410,280 440,270 C450,260 460,240 450,220 C440,200 420,190 400,200 C380,210 370,240 380,270 C390,290 390,310 380,330 Z;
M380,320 C390,290 410,270 440,260 C450,250 460,230 450,210 C440,190 420,180 400,190 C380,200 370,230 380,260 C390,280 390,300 380,320 Z;
M380,330 C390,300 410,280 440,270 C450,260 460,240 450,220 C440,200 420,190 400,200 C380,210 370,240 380,270 C390,290 390,310 380,330 Z"
dur="5s" repeatCount="indefinite"/>
</path>
<!-- Dragon Head -->
<path id="head" class="dragon-head" d="M450,220 C470,210 490,210 500,230 C510,250 500,270 480,280 C460,290 440,280 430,270 C420,260 430,230 450,220 Z" fill="#c00000">
<animate attributeName="d" values="M450,220 C470,210 490,210 500,230 C510,250 500,270 480,280 C460,290 440,280 430,270 C420,260 430,230 450,220 Z;
M450,210 C470,200 490,200 500,220 C510,240 500,260 480,270 C460,280 440,270 430,260 C420,250 430,220 450,210 Z;
M450,220 C470,210 490,210 500,230 C510,250 500,270 480,280 C460,290 440,280 430,270 C420,260 430,230 450,220 Z"
dur="5s" repeatCount="indefinite"/>
</path>
<!-- Dragon Eye -->
<circle id="eye" class="dragon-eye" cx="485" cy="240" r="5" fill="#ffff00">
<animate attributeName="cy" values="240;230;240" dur="5s" repeatCount="indefinite"/>
</circle>
<!-- Dragon Horns -->
<path id="horns" class="dragon-horns" d="M460,220 L470,190 L480,220 L490,180 L495,220" fill="none" stroke="#800000" stroke-width="3">
<animate attributeName="d" values="M460,220 L470,190 L480,220 L490,180 L495,220;
M460,210 L470,180 L480,210 L490,170 L495,210;
M460,220 L470,190 L480,220 L490,180 L495,220"
dur="5s" repeatCount="indefinite"/>
</path>
<!-- Dragon Fire -->
<g id="fire" class="dragon-fire">
<path id="fire-outer" d="M500,250 C520,245 540,255 550,240 C560,225 550,210 530,215 C540,200 560,195 570,180 C580,165 570,150 550,155 C560,140 550,125 530,130 C520,135 510,145 500,250" fill="#ff6600">
<animate attributeName="d" values="M500,250 C520,245 540,255 550,240 C560,225 550,210 530,215 C540,200 560,195 570,180 C580,165 570,150 550,155 C560,140 550,125 530,130 C520,135 510,145 500,250;
M500,240 C520,235 540,245 550,230 C560,215 550,200 530,205 C540,190 560,185 570,170 C580,155 570,140 550,145 C560,130 550,115 530,120 C520,125 510,135 500,240;
M500,250 C520,245 540,255 550,240 C560,225 550,210 530,215 C540,200 560,195 570,180 C580,165 570,150 550,155 C560,140 550,125 530,130 C520,135 510,145 500,250"
dur="5s" repeatCount="indefinite"/>
</path>
<path id="fire-inner" d="M500,250 C510,245 520,255 525,240 C530,225 525,210 515,215 C520,200 530,195 535,180 C540,165 535,150 525,155 C530,140 525,125 515,130 C510,135 505,145 500,250" fill="#ffcc00">
<animate attributeName="d" values="M500,250 C510,245 520,255 525,240 C530,225 525,210 515,215 C520,200 530,195 535,180 C540,165 535,150 525,155 C530,140 525,125 515,130 C510,135 505,145 500,250;
M500,240 C510,235 520,245 525,230 C530,215 525,200 515,205 C520,190 530,185 535,170 C540,155 535,140 525,145 C530,130 525,115 515,120 C510,125 505,135 500,240;
M500,250 C510,245 520,255 525,240 C530,225 525,210 515,215 C520,200 530,195 535,180 C540,165 535,150 525,155 C530,140 525,125 515,130 C510,135 505,145 500,250"
dur="5s" repeatCount="indefinite"/>
</path>
</g>
<!-- Dragon Scales -->
<path id="scales" class="dragon-scales" d="M200,280 L210,260 L220,280 L230,260 L240,280 L250,260 L260,280 L270,260 L280,280 L290,260 L300,280 L310,260 L320,280 L330,260 L340,280 L350,260 L360,280" fill="none" stroke="#ff9900" stroke-width="2" opacity="0.7">
<animate attributeName="d" values="M200,280 L210,260 L220,280 L230,260 L240,280 L250,260 L260,280 L270,260 L280,280 L290,260 L300,280 L310,260 L320,280 L330,260 L340,280 L350,260 L360,280;
M200,270 L210,250 L220,270 L230,250 L240,270 L250,250 L260,270 L270,250 L280,270 L290,250 L300,270 L310,250 L320,270 L330,250 L340,270 L350,250 L360,270;
M200,280 L210,260 L220,280 L230,260 L240,280 L250,260 L260,280 L270,260 L280,280 L290,260 L300,280 L310,260 L320,280 L330,260 L340,280 L350,260 L360,280"
dur="5s" repeatCount="indefinite"/>
</path>
</g>
<!-- Distant Mountains -->
<path id="distant-mountains" class="distant-mountains" d="M0,350 L50,300 L100,330 L150,280 L200,320 L250,270 L300,310 L350,260 L400,300 L450,250 L512,290 L512,400 L0,400 Z" fill="#1a2639" opacity="0.7"/>
<!-- Stars -->
<g id="stars" class="stars">
<circle id="star1" class="star" cx="50" cy="50" r="1" fill="#ffffff">
<animate attributeName="opacity" values="0.2;1;0.2" dur="5s" repeatCount="indefinite"/>
</circle>
<circle id="star2" class="star" cx="100" cy="30" r="1.5" fill="#ffffff">
<animate attributeName="opacity" values="0.5;1;0.5" dur="3s" repeatCount="indefinite"/>
</circle>
<circle id="star3" class="star" cx="150" cy="70" r="1" fill="#ffffff">
<animate attributeName="opacity" values="0.3;0.8;0.3" dur="4s" repeatCount="indefinite"/>
</circle>
<circle id="star4" class="star" cx="200" cy="40" r="1.2" fill="#ffffff">
<animate attributeName="opacity" values="0.6;1;0.6" dur="5s" repeatCount="indefinite"/>
</circle>
<circle id="star5" class="star" cx="250" cy="60" r="1" fill="#ffffff">
<animate attributeName="opacity" values="0.4;0.9;0.4" dur="3.5s" repeatCount="indefinite"/>
</circle>
<circle id="star6" class="star" cx="300" cy="30" r="1.3" fill="#ffffff">
<animate attributeName="opacity" values="0.5;1;0.5" dur="4.5s" repeatCount="indefinite"/>
</circle>
<circle id="star7" class="star" cx="350" cy="50" r="1" fill="#ffffff">
<animate attributeName="opacity" values="0.3;0.8;0.3" dur="3s" repeatCount="indefinite"/>
</circle>
<circle id="star8" class="star" cx="400" cy="70" r="1.5" fill="#ffffff">
<animate attributeName="opacity" values="0.6;1;0.6" dur="5s" repeatCount="indefinite"/>
</circle>
<circle id="star9" class="star" cx="450" cy="40" r="1" fill="#ffffff">
<animate attributeName="opacity" values="0.4;0.9;0.4" dur="4s" repeatCount="indefinite"/>
</circle>
<circle id="star10" class="star" cx="480" cy="60" r="1.2" fill="#ffffff">
<animate attributeName="opacity" values="0.5;1;0.5" dur="3.5s" repeatCount="indefinite"/>
</circle>
</g>
</svg>
These are recent AI images made by the community! These may use any AI model including DALL-E 3, Flux, Stable Diffusion, GPT-4, o1, and more and may be anything from simple animated SVGs to PNGs.
DrawGPT is a an AI art generator that uses GPT-4, o1, o3, DALL-E 3, Gemini 2.0, Imagegen 3.0, Flux, Stable Diffusion, and Custom GPTs, ChatGPT, and other large language models to generate new images from text prompts.
This does not require access to premium AI model subscriptions, it is able to be used by anyone with an internet connection and tokens. This allows everyone to get access to the very best AI art generation technology.
Artificial intelligence may create strange or unusual images. It is being used to generated images for advertising, entertainment, gaming, marketing, and fun right now!
Because Draw GPT has access to do many models we assume the model providers have followed best practices when attributing or utilizing data and images in the training data.
Yes! You can use the images for commercial purposes! And so can Draw GPT.
DrawGPT can draw anything you can think of and more! Just type your text prompt in to the textbox exactly like ChatGPT and see what the AI gives you! Seriously, you can get GPT to draw just about anything for you that you can type in the box.
DrawGPT creates images in PNG, SVG, and Javascript format for download and use. This is different than other AI art projects that only create images in PNG format; being able to get a scene graph via Javascript draw commands is a unique feature of this project and getting any AI art in SVG vector format is unique to DrawGPT.
Many people use this to generate quick art for simple projects, video game assets, new business logos, and more. It is also used to generate images for advertising, entertainment, gaming, marketing, creating art for ads and blog posts with AI and fun.
Want to learn more about DrawGPT, the types of possible image renders, and how to use DrawGPT in your next project as a developer?
Check out our AI image generation API!
DrawGPT is runs on an AI that has never actually "seen" an image as embodied AI in its life!
This method of drawing images using raw code is not a great way to draw complex images with lots of structure. It may be able to make photograph quality artwork and professional illustrations with AI but it can fail when using certain types of typography.
Yes and no. Same same but different.
ChatGPT runs on the same model that this project uses, so this is like using ChatGPT to generate images, but it is a different instance of the model. This means that the AI is not precisly the same but it is the same quality AI, image generation AI, large language model, and overall AI art that ChatGPT is using and that Chat GPT can draw.
What is the difference? ChatGPT is specifically wired up to be conversational and track a conversation thread across multiple user prompts. Images in ChatGPT using DALL-E 3 are not saved to the Intenet and made available publicly.
In comparison DrawGPT does not remember things from prompt to prompt, each image is a unique image that does not reference any of the images or prompts previously supplied.
You can do what you want it's your party.
We humbly ask that you backlink to DrawGPT if you do use our images in any promotion or commercial ways, but it is not required.
At the moment all images & Javascript code generated by this tool under the CC0 License with outrageous added term that the license can be revoked or retroactively changed at any time without warning for any image.
Yes! You can use the images for commercial purposes! And so can DrawGPT.
Images & prompts may be made made public.
Depending on the situation the prompts themselves are stored internally for research purposes.
Employees at OpenAI and DrawGPT have access to any prompts you submit.
DO NOT SUBMIT PERSONAL INFORMATION.