Magical Unicycle Unicorn

Magical Unicycle Unicorn Who needs a horn for balance when you've got magical cycling skills? This unicorn is wheely good at riding bikes! unicorn, bicycle, magical, fantasy, cycling
Draw

Info

Created On: February 26, 2025
Created By: User #1
unicorn riding a bicycle
Bot
Who needs a horn for balance when you've got magical cycling skills? This unicorn is wheely good at riding bikes!

AI

Provider Logo
Pro
Generate

SVG Code

                    <!--

Generated by DrawGPT.
Free, open source, AI generated images in SVG, PNG, and HTML Canvas format.
https://drawgpt.ai

Created: 2025-02-27T18:40:47+00:00
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"   viewBox="0 0 512 512">
  <title>Magical Unicycle Unicorn</title>
  <desc>Who needs a horn for balance when you've got magical cycling skills? This unicorn is wheely good at riding bikes!</desc>
  <metadata type="keywords">unicorn, bicycle, magical, fantasy, cycling</metadata>
  
  <!-- Sky background -->
  <rect id="sky" class="sky" x="0" y="0" width="512" height="350" fill="#87CEEB"/>
  
  <!-- Sun -->
  <circle id="sun" class="sun" cx="430" cy="80" r="40" fill="#FFD700">
    <animate attributeName="opacity" values="0.8;1;0.8" dur="5s" repeatCount="indefinite"/>
  </circle>
  <g id="sunrays" class="sunrays">
    <path d="M430 20 L430 10" stroke="#FFD700" stroke-width="4"/>
    <path d="M430 150 L430 160" stroke="#FFD700" stroke-width="4"/>
    <path d="M370 80 L360 80" stroke="#FFD700" stroke-width="4"/>
    <path d="M500 80 L510 80" stroke="#FFD700" stroke-width="4"/>
    <path d="M385 35 L375 25" stroke="#FFD700" stroke-width="4"/>
    <path d="M475 125 L485 135" stroke="#FFD700" stroke-width="4"/>
    <path d="M385 125 L375 135" stroke="#FFD700" stroke-width="4"/>
    <path d="M475 35 L485 25" stroke="#FFD700" stroke-width="4"/>
    <animateTransform attributeName="transform" type="rotate" from="0 430 80" to="360 430 80" dur="20s" repeatCount="indefinite"/>
  </g>
  
  <!-- Clouds -->
  <g id="cloud1" class="cloud">
    <ellipse cx="100" cy="70" rx="40" ry="30" fill="white"/>
    <ellipse cx="70" cy="70" rx="30" ry="20" fill="white"/>
    <ellipse cx="130" cy="70" rx="30" ry="25" fill="white"/>
    <animate attributeName="transform" type="translate" values="0,0; 20,0; 0,0" dur="5s" repeatCount="indefinite"/>
  </g>
  
  <g id="cloud2" class="cloud">
    <ellipse cx="320" cy="120" rx="35" ry="25" fill="white"/>
    <ellipse cx="290" cy="120" rx="25" ry="15" fill="white"/>
    <ellipse cx="350" cy="120" rx="25" ry="20" fill="white"/>
    <animate attributeName="transform" type="translate" values="0,0; -15,0; 0,0" dur="5s" repeatCount="indefinite"/>
  </g>
  
  <!-- Rainbow trail -->
  <g id="rainbow-trail" class="rainbow-trail">
    <path d="M140,350 C180,300 220,280 260,300 S320,350 350,330" stroke="#FF0000" stroke-width="8" fill="none" opacity="0.6">
      <animate attributeName="d" values="M140,350 C180,300 220,280 260,300 S320,350 350,330; M130,350 C170,290 210,270 250,290 S310,340 340,320; M140,350 C180,300 220,280 260,300 S320,350 350,330" dur="5s" repeatCount="indefinite"/>
    </path>
    <path d="M140,360 C180,310 220,290 260,310 S320,360 350,340" stroke="#FFA500" stroke-width="8" fill="none" opacity="0.6">
      <animate attributeName="d" values="M140,360 C180,310 220,290 260,310 S320,360 350,340; M130,360 C170,300 210,280 250,300 S310,350 340,330; M140,360 C180,310 220,290 260,310 S320,360 350,340" dur="5s" repeatCount="indefinite"/>
    </path>
    <path d="M140,370 C180,320 220,300 260,320 S320,370 350,350" stroke="#FFFF00" stroke-width="8" fill="none" opacity="0.6">
      <animate attributeName="d" values="M140,370 C180,320 220,300 260,320 S320,370 350,350; M130,370 C170,310 210,290 250,310 S310,360 340,340; M140,370 C180,320 220,300 260,320 S320,370 350,350" dur="5s" repeatCount="indefinite"/>
    </path>
    <path d="M140,380 C180,330 220,310 260,330 S320,380 350,360" stroke="#008000" stroke-width="8" fill="none" opacity="0.6">
      <animate attributeName="d" values="M140,380 C180,330 220,310 260,330 S320,380 350,360; M130,380 C170,320 210,300 250,320 S310,370 340,350; M140,380 C180,330 220,310 260,330 S320,380 350,360" dur="5s" repeatCount="indefinite"/>
    </path>
    <path d="M140,390 C180,340 220,320 260,340 S320,390 350,370" stroke="#0000FF" stroke-width="8" fill="none" opacity="0.6">
      <animate attributeName="d" values="M140,390 C180,340 220,320 260,340 S320,390 350,370; M130,390 C170,330 210,310 250,330 S310,380 340,360; M140,390 C180,340 220,320 260,340 S320,390 350,370" dur="5s" repeatCount="indefinite"/>
    </path>
    <path d="M140,400 C180,350 220,330 260,350 S320,400 350,380" stroke="#4B0082" stroke-width="8" fill="none" opacity="0.6">
      <animate attributeName="d" values="M140,400 C180,350 220,330 260,350 S320,400 350,380; M130,400 C170,340 210,320 250,340 S310,390 340,370; M140,400 C180,350 220,330 260,350 S320,400 350,380" dur="5s" repeatCount="indefinite"/>
    </path>
  </g>
  
  <!-- Ground -->
  <rect id="ground" class="ground" x="0" y="350" width="512" height="162" fill="#7CFC00"/>
  
  <!-- Flowers -->
  <g id="flowers" class="flowers">
    <g id="flower1" class="flower">
      <circle cx="50" cy="380" r="5" fill="#FF69B4"/>
      <circle cx="55" cy="375" r="5" fill="#FF69B4"/>
      <circle cx="45" cy="375" r="5" fill="#FF69B4"/>
      <circle cx="55" cy="385" r="5" fill="#FF69B4"/>
      <circle cx="45" cy="385" r="5" fill="#FF69B4"/>
      <circle cx="50" cy="380" r="3" fill="#FFFF00"/>
      <animate attributeName="transform" type="rotate" values="0 50 380; 10 50 380; 0 50 380; -10 50 380; 0 50 380" dur="5s" repeatCount="indefinite"/>
    </g>
    
    <g id="flower2" class="flower">
      <circle cx="450" cy="400" r="5" fill="#FF69B4"/>
      <circle cx="455" cy="395" r="5" fill="#FF69B4"/>
      <circle cx="445" cy="395" r="5" fill="#FF69B4"/>
      <circle cx="455" cy="405" r="5" fill="#FF69B4"/>
      <circle cx="445" cy="405" r="5" fill="#FF69B4"/>
      <circle cx="450" cy="400" r="3" fill="#FFFF00"/>
      <animate attributeName="transform" type="rotate" values="0 450 400; -10 450 400; 0 450 400; 10 450 400; 0 450 400" dur="5s" repeatCount="indefinite"/>
    </g>
    
    <g id="flower3" class="flower">
      <circle cx="150" cy="420" r="5" fill="#FF69B4"/>
      <circle cx="155" cy="415" r="5" fill="#FF69B4"/>
      <circle cx="145" cy="415" r="5" fill="#FF69B4"/>
      <circle cx="155" cy="425" r="5" fill="#FF69B4"/>
      <circle cx="145" cy="425" r="5" fill="#FF69B4"/>
      <circle cx="150" cy="420" r="3" fill="#FFFF00"/>
      <animate attributeName="transform" type="rotate" values="0 150 420; 10 150 420; 0 150 420; -10 150 420; 0 150 420" dur="5s" repeatCount="indefinite"/>
    </g>
    
    <g id="flower4" class="flower">
      <circle cx="350" cy="390" r="5" fill="#FF69B4"/>
      <circle cx="355" cy="385" r="5" fill="#FF69B4"/>
      <circle cx="345" cy="385" r="5" fill="#FF69B4"/>
      <circle cx="355" cy="395" r="5" fill="#FF69B4"/>
      <circle cx="345" cy="395" r="5" fill="#FF69B4"/>
      <circle cx="350" cy="390" r="3" fill="#FFFF00"/>
      <animate attributeName="transform" type="rotate" values="0 350 390; -10 350 390; 0 350 390; 10 350 390; 0 350 390" dur="5s" repeatCount="indefinite"/>
    </g>
  </g>
  
  <!-- Bicycle -->
  <g id="bicycle" class="bicycle">
    <!-- Wheels -->
    <circle id="wheel-back" class="wheel" cx="200" cy="350" r="40" fill="none" stroke="#333" stroke-width="5">
      <animate attributeName="transform" type="rotate" from="0 200 350" to="360 200 350" dur="2.5s" repeatCount="indefinite"/>
    </circle>
    <circle id="wheel-front" class="wheel" cx="320" cy="350" r="40" fill="none" stroke="#333" stroke-width="5">
      <animate attributeName="transform" type="rotate" from="0 320 350" to="360 320 350" dur="2.5s" repeatCount="indefinite"/>
    </circle>
    
    <!-- Wheel spokes -->
    <g id="back-spokes" class="spokes">
      <line x1="200" y1="310" x2="200" y2="390" stroke="#333" stroke-width="2"/>
      <line x1="160" y1="350" x2="240" y2="350" stroke="#333" stroke-width="2"/>
      <line x1="172" y1="322" x2="228" y2="378" stroke="#333" stroke-width="2"/>
      <line x1="172" y1="378" x2="228" y2="322" stroke="#333" stroke-width="2"/>
      <animate attributeName="transform" type="rotate" from="0 200 350" to="360 200 350" dur="2.5s" repeatCount="indefinite"/>
    </g>
    
    <g id="front-spokes" class="spokes">
      <line x1="320" y1="310" x2="320" y2="390" stroke="#333" stroke-width="2"/>
      <line x1="280" y1="350" x2="360" y2="350" stroke="#333" stroke-width="2"/>
      <line x1="292" y1="322" x2="348" y2="378" stroke="#333" stroke-width="2"/>
      <line x1="292" y1="378" x2="348" y2="322" stroke="#333" stroke-width="2"/>
      <animate attributeName="transform" type="rotate" from="0 320 350" to="360 320 350" dur="2.5s" repeatCount="indefinite"/>
    </g>
    
    <!-- Bicycle frame -->
    <path id="frame" class="frame" d="M200,350 L260,280 L320,350 M260,280 L240,240 M290,280 L260,280" fill="none" stroke="#FF00FF" stroke-width="8"/>
    
    <!-- Handlebars -->
    <path id="handlebars" class="handlebars" d="M290,280 C300,260 310,270 320,260" fill="none" stroke="#FF00FF" stroke-width="5"/>
    
    <!-- Seat -->
    <ellipse id="seat" class="seat" cx="240" cy="240" rx="15" ry="5" fill="#8B4513"/>
    
    <!-- Pedals -->
    <circle id="pedal-center" class="pedal-center" cx="260" cy="350" r="15" fill="#FFD700">
      <animate attributeName="transform" type="rotate" from="0 260 350" to="360 260 350" dur="2.5s" repeatCount="indefinite"/>
    </circle>
    <line id="pedal1" class="pedal" x1="260" y1="350" x2="275" y2="380" stroke="#333" stroke-width="5">
      <animate attributeName="transform" type="rotate" from="0 260 350" to="360 260 350" dur="2.5s" repeatCount="indefinite"/>
    </line>
    <line id="pedal2" class="pedal" x1="260" y1="350" x2="245" y2="320" stroke="#333" stroke-width="5">
      <animate attributeName="transform" type="rotate" from="0 260 350" to="360 260 350" dur="2.5s" repeatCount="indefinite"/>
    </line>
  </g>
  
  <!-- Unicorn -->
  <g id="unicorn" class="unicorn">
    <!-- Body -->
    <ellipse id="body" class="unicorn-body" cx="260" cy="220" rx="60" ry="30" fill="white">
      <animate attributeName="transform" type="translate" values="0,0; 0,-5; 0,0; 0,5; 0,0" dur="2.5s" repeatCount="indefinite"/>
    </ellipse>
    
    <!-- Legs -->
    <path id="leg-front-left" class="unicorn-leg" d="M230,240 C225,270 220,290 230,310" stroke="#FFC0CB" stroke-width="8" fill="none">
      <animate attributeName="d" values="M230,240 C225,270 220,290 230,310; M230,240 C235,270 240,290 250,310; M230,240 C225,270 220,290 230,310" dur="2.5s" repeatCount="indefinite"/>
    </path>
    <path id="leg-front-right" class="unicorn-leg" d="M250,240 C245,270 240,290 250,310" stroke="#FFC0CB" stroke-width="8" fill="none">
      <animate attributeName="d" values="M250,240 C245,270 240,290 250,310; M250,240 C255,270 260,290 270,310; M250,240 C245,270 240,290 250,310" dur="2.5s" repeatCount="indefinite"/>
    </path>
    <path id="leg-back-left" class="unicorn-leg" d="M270,240 C265,270 260,290 270,310" stroke="#FFC0CB" stroke-width="8" fill="none">
      <animate attributeName="d" values="M270,240 C265,270 260,290 270,310; M270,240 C275,270 280,290 290,310; M270,240 C265,270 260,290 270,310" dur="2.5s" repeatCount="indefinite"/>
    </path>
    <path id="leg-back-right" class="unicorn-leg" d="M290,240 C285,270 280,290 290,310" stroke="#FFC0CB" stroke-width="8" fill="none">
      <animate attributeName="d" values="M290,240 C285,270 280,290 290,310; M290,240 C295,270 300,290 310,310; M290,240 C285,270 280,290 290,310" dur="2.5s" repeatCount="indefinite"/>
    </path>
    
    <!-- Tail -->
    <path id="tail" class="unicorn-tail" d="M310,220 C340,210 350,240 360,230" stroke="#FF69B4" stroke-width="10" fill="none" stroke-linecap="round">
      <animate attributeName="d" values="M310,220 C340,210 350,240 360,230; M310,220 C340,230 350,220 360,240; M310,220 C340,210 350,240 360,230" dur="2.5s" repeatCount="indefinite"/>
    </path>
    
    <!-- Neck -->
    <path id="neck" class="unicorn-neck" d="M210,220 C200,200 200,180 210,160" stroke="#FFC0CB" stroke-width="15" fill="none">
      <animate attributeName="d" values="M210,220 C200,200 200,180 210,160; M210,220 C205,195 205,175 215,155; M210,220 C200,200 200,180 210,160" dur="2.5s" repeatCount="indefinite"/>
    </path>
    
    <!-- Head -->
    <ellipse id="head" class="unicorn-head" cx="220" cy="150" rx="25" ry="20" fill="white">
      <animate attributeName="transform" type="rotate" values="0 220 150; 5 220 150; 0 220 150; -5 220 150; 0 220 150" dur="2.5s" repeatCount="indefinite"/>
    </ellipse>
    
    <!-- Horn -->
    <path id="horn" class="unicorn-horn" d="M220,130 L210,100" stroke="#FFD700" stroke-width="5" stroke-linecap="round">
      <animate attributeName="transform" type="rotate" values="0 220 130; 5 220 130; 0 220 130; -5 220 130; 0 220 130" dur="2.5s" repeatCount="indefinite"/>
    </path>
    
    <!-- Eyes -->
    <circle id="eye" class="unicorn-eye" cx="230" cy="145" r="3" fill="#000">
      <animate attributeName="transform" type="rotate" values="0 220 150; 5 220 150; 0 220 150; -5 220 150; 0 220 150" dur="2.5s" repeatCount="indefinite"/>
    </circle>
    
    <!-- Mane -->
    <path id="mane1" class="unicorn-mane" d="M210,160 C200,155 195,165 190,160" stroke="#FF69B4" stroke-width="5" fill="none">
      <animate attributeName="d" values="M210,160 C200,155 195,165 190,160; M210,160 C200,160 195,170 190,165; M210,160 C200,155 195,165 190,160" dur="2.5s" repeatCount="indefinite"/>
    </path>
    <path id="mane2" class="unicorn-mane" d="M205,170 C195,165 190,175 185,170" stroke="#FF69B4" stroke-width="5" fill="none">
      <animate attributeName="d" values="M205,170 C195,165 190,175 185,170; M205,170 C195,170 190,180 185,175; M205,170 C195,165 190,175 185,170" dur="2.5s" repeatCount="indefinite"/>
    </path>
    <path id="mane3" class="unicorn-mane" d="M200,180 C190,175 185,185 180,180" stroke="#FF69B4" stroke-width="5" fill="none">
      <animate attributeName="d" values="M200,180 C190,175 185,185 180,180; M200,180 C190,180 185,190 180,185; M200,180 C190,175 185,185 180,180" dur="2.5s" repeatCount="indefinite"/>
    </path>
    <path id="mane4" class="unicorn-mane" d="M200,190 C190,185 185,195 180,190" stroke="#FF69B4" stroke-width="5" fill="none">
      <animate attributeName="d" values="M200,190 C190,185 185,195 180,190; M200,190 C190,190 185,200 180,195; M200,190 C190,185 185,195 180,190" dur="2.5s" repeatCount="indefinite"/>
    </path>
    <path id="mane5" class="unicorn-mane" d="M200,200 C190,195 185,205 180,200" stroke="#FF69B4" stroke-width="5" fill="none">
      <animate attributeName="d" values="M200,200 C190,195 185,205 180,200; M200,200 C190,200 185,210 180,205; M200,200 C190,195 185,205 180,200" dur="2.5s" repeatCount="indefinite"/>
    </path>
  </g>
  
  <!-- Sparkles -->
  <g id="sparkles" class="sparkles">
    <circle id="sparkle1" class="sparkle" cx="210" cy="100" r="2" fill="#FFD700">
      <animate attributeName="opacity" values="0;1;0" dur="1s" repeatCount="indefinite"/>
    </circle>
    <circle id="sparkle2" class="sparkle" cx="200" cy="110" r="2" fill="#FFD700">
      <animate attributeName="opacity" values="0;1;0" dur="1.2s" repeatCount="indefinite"/>
    </circle>
    <circle id="sparkle3" class="sparkle" cx="220" cy="110" r="2" fill="#FFD700">
      <animate attributeName="opacity" values="0;1;0" dur="0.8s" repeatCount="indefinite"/>
    </circle>
    <circle id="sparkle4" class="sparkle" cx="215" cy="120" r="2" fill="#FFD700">
      <animate attributeName="opacity" values="0;1;0" dur="1.5s" repeatCount="indefinite"/>
    </circle>
    <circle id="sparkle5" class="sparkle" cx="205" cy="120" r="2" fill="#FFD700">
      <animate attributeName="opacity" values="0;1;0" dur="0.9s" repeatCount="indefinite"/>
    </circle>
  </g>
  
  <!-- Butterflies -->
  <g id="butterfly1" class="butterfly">
    <path d="M100,150 C90,140 80,145 90,155 C80,165 90,170 100,160 C110,170 120,165 110,155 C120,145 110,140 100,150" fill="#FF69B4">
      <animate attributeName="d" values="M100,150 C90,140 80,145 90,155 C80,165 90,170 100,160 C110,170 120,165 110,155 C120,145 110,140 100,150; M100,150 C90,145 80,150 90,155 C80,160 90,165 100,160 C110,165 120,160 110,155 C120,150 110,145 100,150; M100,150 C90,140 80,145 90,155 C80,165 90,170 100,160 C110,170 120,165 110,155 C120,145 110,140 100,150" dur="0.5s" repeatCount="indefinite"/>
    </path>
    <animate attributeName="transform" type="translate" values="0,0; 50,30; 100,0; 150,-30; 200,0; 250,30; 300,0; 350,-30; 400,0; 450,30; 500,0" dur="15s" repeatCount="indefinite"/>
  </g>
  
  <g id="butterfly2" class="butterfly">
    <path d="M400,200 C390,190 380,195 390,205 C380,215 390,220 400,210 C410,220 420,215 410,205 C420,195 410,190 400,200" fill="#9370DB">
      <animate attributeName="d" values="M400,200 C390,190 380,195 390,205 C380,215 390,220 400,210 C410,220 420,215 410,205 C420,195 410,190 400,200; M400,200 C390,195 380,200 390,205 C380,210 390,215 400,210 C410,215 420,210 410,205 C420,200 410,195 400,200; M400,200 C390,190 380,195 390,205 C380,215 390,220 400,210 C410,220 420,215 410,205 C420,195 410,190 400,200" dur="0.5s" repeatCount="indefinite"/>
    </path>
    <animate attributeName="transform" type="translate" values="0,0; -50,-20; -100,0; -150,20; -200,0; -250,-20; -300,0; -350,20; -400,0" dur="20s" repeatCount="indefinite"/>
  </g>
</svg>

NEW COMMUNITY AI IMAGES


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.

FAQ

What is DrawGPT?

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.

Why Is This Different?

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.

What Can DrawGPT Draw?

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!

Why Are They Weird?

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.

Is This ChatGPT?

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.

Copyright

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 Private

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.

🤖🎨 DrawGPT

DrawGPT is an app that uses AI models models by OpenAI, Google Gemini, Scenario.gg, Flux, Stable Diffusion and other in-house AI models to generate art.

DrawGPT can generate raster images, PNGs, SVGs, vector graphics, tiles, textures, patterns, logos, icons, and more.