<!--

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

Created: 2025-05-16T23:21:00+00:00
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  >
  <title>Colorful Parrot Enjoying a Chatty Day</title>
  <desc>This parrot is so vibrant, it makes rainbows jealous! Why did the parrot squawk at the bakery? Because he wanted a "tweet"!</desc>
  <metadata type="keywords">parrot, bird, colorful, jungle, animated</metadata>
  <!-- Jungle Leafy Background -->
  <rect id="bg-rect" class="background" width="512" height="512" fill="#b2f2d6"/>
  <g id="leaves-bg" class="jungle-leaves">
    <ellipse id="leaf1" class="leaf" fill="#50a16e" cx="70" cy="130" rx="50" ry="100"/>
    <ellipse id="leaf2" class="leaf" fill="#67c187" cx="450" cy="100" rx="40" ry="70" transform="rotate(20 450 100)"/>
    <ellipse id="leaf3" class="leaf" fill="#33ae75" cx="120" cy="420" rx="55" ry="90" transform="rotate(-17 120 420)"/>
    <ellipse id="leaf4" class="leaf" fill="#45be8d" cx="380" cy="420" rx="50" ry="85" transform="rotate(23 380 420)"/>
    <ellipse id="leaf5" class="leaf" fill="#77d8a5" cx="320" cy="50" rx="38" ry="65" transform="rotate(8 320 50)"/>
  </g>
  <!-- Parrot branch -->
  <rect id="branch" class="branch" x="120" y="400" width="270" height="25" rx="13" fill="#9A6C3F" stroke="#734816" stroke-width="4"/>
  <ellipse id="branch-highlight" class="branch" cx="210" cy="413" rx="60" ry="5" fill="#b38b6a" opacity="0.45"/>
  <!-- Parrot body -->
  <g id="parrot-group" class="parrot">
    <!-- Animated tail -->
    <g id="tail-group" class="tail">
      <path id="tail-blue" class="tail-feather" fill="#304ffe" d="M204 380 Q225 445 228 490 Q236 496 244 490 Q253 445 265 380 Z">
        <animate attributeName="d" values="M204 380 Q225 445 228 490 Q236 496 244 490 Q253 445 265 380 Z; M204 380 Q225 452 231 486 Q238 495 245 489 Q252 452 265 380 Z; M204 380 Q225 445 228 490 Q236 496 244 490 Q253 445 265 380 Z" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
      </path>
      <path id="tail-red" class="tail-feather" fill="#ec1c24" d="M232 380 Q242 437 240 472 Q242 482 253 475 Q264 437 252 380 Z">
        <animate attributeName="d" values="M232 380 Q242 437 240 472 Q242 482 253 475 Q264 437 252 380 Z; M232 380 Q244 450 243 473 Q246 482 254 472 Q262 450 252 380 Z; M232 380 Q242 437 240 472 Q242 482 253 475 Q264 437 252 380 Z" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
      </path>
      <path id="tail-yellow" class="tail-feather" fill="#ffd600" d="M247 381 Q253 437 254 464 Q252 473 265 467 Q278 463 274 436 Q266 381 247 381 Z">
        <animate attributeName="d" values="M247 381 Q253 437 254 464 Q252 473 265 467 Q278 463 274 436 Q266 381 247 381 Z; M247 381 Q257 450 258 462 Q254 473 264 467 Q275 464 274 437 Q271 381 247 381 Z; M247 381 Q253 437 254 464 Q252 473 265 467 Q278 463 274 436 Q266 381 247 381 Z" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
      </path>
    </g>
    <!-- Main body shape -->
    <ellipse id="parrot-body" class="body" cx="243" cy="300" rx="76" ry="110" fill="url(#bodyGradient)" filter="url(#softShadow)"/>
    <defs>
      <linearGradient id="bodyGradient" x1="170" y1="190" x2="315" y2="400" gradientUnits="userSpaceOnUse">
        <stop offset="0%" stop-color="#43a047"/>
        <stop offset="40%" stop-color="#62be3b"/>
        <stop offset="70%" stop-color="#28b5f5"/>
        <stop offset="100%" stop-color="#fbba04"/>
      </linearGradient>
      <filter id="softShadow" x="-0.14" width="1.28" y="-0.05" height="1.12">
        <feDropShadow dx="0" dy="12" stdDeviation="12" flood-color="#334e3b" flood-opacity="0.18"/>
      </filter>
    </defs>
    <!-- Underwing shadow --> 
    <ellipse id="underwing-shadow" class="shading" cx="226" cy="362" rx="50" ry="22" fill="#1e5134" opacity="0.21"/>
    <!-- Parrot wings -->
    <g id="wing-animation-group" class="wing">
      <path id="wing-primary" class="wing" fill="url(#wingGradient)" d="M167 310 C90 324 109 413 202 400 Q145 388 167 310 Z">
        <animate attributeName="d"
        values="
          M167 310 C90 324 109 413 202 400 Q145 388 167 310 Z;
          M167 314 C83 328 130 430 211 412 Q153 399 167 314 Z;
          M167 310 C90 324 109 413 202 400 Q145 388 167 310 Z"
        keyTimes="0;0.5;1"
        dur="5s" repeatCount="indefinite"/>
      </path>
      <defs>
        <linearGradient id="wingGradient" x1="170" y1="310" x2="212" y2="400" gradientUnits="userSpaceOnUse">
          <stop offset="0%" stop-color="#0895fb"/>
          <stop offset="70%" stop-color="#328ed3"/>
          <stop offset="100%" stop-color="#184b91"/>
        </linearGradient>
      </defs>
      <ellipse id="wing-top-blue" class="wing" cx="180" cy="350" rx="38" ry="14" fill="#47a4f7" opacity="0.60"/>
      <ellipse id="wing-curve-highlight" class="wing" cx="189" cy="367" rx="24" ry="9" fill="#83e2fa" opacity="0.40"/>
      <ellipse id="wing-base-feather" class="wing" cx="173" cy="337" rx="18" ry="8" fill="#2abbba" opacity="0.90"/>
    </g>
    <!-- Parrot head (animated) -->
    <g id="head-animation-group" class="head">
      <ellipse id="parrot-head" class="head" cx="272" cy="177" rx="47" ry="54" fill="url(#headGradient)">
        <animate attributeName="cy"
        values="177;171;177"
        keyTimes="0;0.5;1"
        dur="5s" repeatCount="indefinite"/>
        <animate attributeName="rx"
        values="47;46;47"
        keyTimes="0;0.5;1"
        dur="5s" repeatCount="indefinite"/>
      </ellipse>
      <defs>
        <radialGradient id="headGradient" cx="60%" cy="48%" r="60%">
          <stop offset="0%" stop-color="#fff982"/>
          <stop offset="60%" stop-color="#ffee54"/>
          <stop offset="100%" stop-color="#ce443a"/>
        </radialGradient>
      </defs>
      <!-- Cheek patch -->
      <ellipse id="cheek-patch" class="cheek" cx="297" cy="206" rx="16" ry="14" fill="#fff9df" opacity="0.6"/>
      <!-- Animated beak -->
      <g id="beak-group" class="beak">
        <!-- upper beak -->
        <path id="upper-beak" class="beak-upper" d="M320 204 Q338 200 332 227 Q322 227 320 204 Z" fill="#d0bf71"/>
        <!-- lower beak (animated talking movement)-->
        <path id="lower-beak" class="beak-lower" d="M321 219 Q337 225 326 238 Q313 233 321 219 Z" fill="#84541c">
          <animate attributeName="d" values="
            M321 219 Q337 225 326 238 Q313 233 321 219 Z;
            M321 226 Q340 246 328 258 Q312 253 321 226 Z;
            M321 219 Q337 225 326 238 Q313 233 321 219 Z" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
        </path>
      </g>
      <!-- Eye -->
      <ellipse id="parrot-eye-white" class="eye" cx="303" cy="191" rx="11" ry="11.2" fill="#fff"/>
      <ellipse id="parrot-eye-black" class="eye" cx="306" cy="192.5" rx="5" ry="6.7" fill="#24252c"/>
      <!-- Blinking eyelid -->
      <path id="parrot-eyelid" class="eyelid" d="M296 190 Q303 188 310 190" fill="none" stroke="#e7ddab" stroke-width="5" opacity="0.8">
        <animate attributeName="d"
        values="M296 190 Q303 188 310 190; M296 190 Q303 185 310 190; M296 190 Q303 188 310 190"
        keyTimes="0;0.5;1"
        dur="5s" repeatCount="indefinite"/>
      </path>
      <!-- Funny speaking sound marks next to beak -->
      <g id="squawk-marks" class="squawk">
        <path id="squawk1" class="sound" d="M344 218 Q370 212 367 227" fill="none" stroke="#ffea00" stroke-width="5">
          <animate attributeName="opacity" values="0;1;0;0" keyTimes="0;0.13;0.21;1" dur="5s" repeatCount="indefinite"/>
        </path>
        <path id="squawk2" class="sound" d="M346 233 Q362 235 360 248" fill="none" stroke="#f84444" stroke-width="4">
          <animate attributeName="opacity" values="0;0;1;0;0" keyTimes="0;0.15;0.22;0.26;1" dur="5s" repeatCount="indefinite"/>
        </path>
        <path id="squawk3" class="sound" d="M340 205 Q354 199 352 209" fill="none" stroke="#1abcfe" stroke-width="4">
          <animate attributeName="opacity" values="0;0;1;0;0" keyTimes="0;0.2;0.25;0.3;1" dur="5s" repeatCount="indefinite"/>
        </path>
      </g>
      <!-- Parrot Crown -->
      <g id="parrot-crown" class="crown-crest">
        <path id="crest1" class="crest-feather" d="M254 145 Q255 127 266 131" fill="none" stroke="#ffe923" stroke-width="6" stroke-linecap="round"/>
        <path id="crest2" class="crest-feather" d="M266 133 Q273 108 285 125" fill="none" stroke="#ffe712" stroke-width="6" stroke-linecap="round"/>
        <path id="crest3" class="crest-feather" d="M279 136 Q296 121 300 142" fill="none" stroke="#ffb203" stroke-width="5" stroke-linecap="round"/>
        <animateTransform attributeName="transform" type="rotate" from="0 272 177" to="6 272 177"
          dur="5s" values="0 272 177;6 272 177;0 272 177" keyTimes="0;0.5;1" repeatCount="indefinite"/>
      </g>
    </g>
    <!-- Clawed feet (with toe movements) -->
    <g id="feet-group" class="feet">
      <!-- Left foot (front) -->
      <g id="foot-left-front" class="foot">
        <path id="foot-tibia-l" class="toe" d="M180 387 Q172 403 193 409" stroke="#faf689" stroke-width="12" fill="none" stroke-linecap="round"/>
        <path id="toe1" class="toe" d="M192 404 Q188 420 202 425" fill="none" stroke="#dcb14b" stroke-width="8" stroke-linecap="round">
          <animate attributeName="d" values="
            M192 404 Q188 420 202 425;
            M192 404 Q189 432 201 426;
            M192 404 Q188 420 202 425" keyTimes="0;0.35;1" dur="5s" repeatCount="indefinite"/>
        </path>
        <path id="toe2" class="toe" d="M192 408 Q190 417 183 419" fill="none" stroke="#ded94b" stroke-width="8" stroke-linecap="round">
          <animate attributeName="d" values="
            M192 408 Q190 417 183 419;
            M192 408 Q187 420 189 419;
            M192 408 Q190 417 183 419" keyTimes="0;0.45;1" dur="5s" repeatCount="indefinite"/>
        </path>
      </g>
      <!-- Right foot (back) -->
      <g id="foot-right-back" class="foot">
        <path id="foot-tibia-r" class="toe" d="M230 399 Q225 414 248 416" stroke="#faf689" stroke-width="11" fill="none" stroke-linecap="round"/>
        <path id="toe3" class="toe" d="M243 413 Q238 418 253 426" fill="none" stroke="#dcb14b" stroke-width="7" stroke-linecap="round">
          <animate attributeName="d" values="
            M243 413 Q238 418 253 426;
            M243 413 Q244 427 253 426;
            M243 413 Q238 418 253 426"
            keyTimes="0;0.33;1"
            dur="5s" repeatCount="indefinite"/>
        </path>
        <path id="toe4" class="toe" d="M245 413 Q255 430 262 430" fill="none" stroke="#ded94b" stroke-width="7" stroke-linecap="round">
          <animate attributeName="d" values="
            M245 413 Q255 430 262 430;
            M245 413 Q258 427 265 434;
            M245 413 Q255 430 262 430"
            keyTimes="0;0.53;1"
            dur="5s" repeatCount="indefinite"/>
        </path>
      </g>
    </g>
  </g>
  <!-- Floating animated butterflies for extra fun -->
  <g id="butterfly-group" class="butterflies">
    <g id="butterfly1" class="butterfly">
      <ellipse id="butty1-l" cx="55" cy="60" rx="10" ry="17" fill="#fffcd5"/>
      <ellipse id="butty1-r" cx="67" cy="60" rx="13" ry="22" fill="#ff89de"/>
      <ellipse id="butty1-body" cx="62" cy="69" rx="4" ry="8" fill="#87452f"/>
      <animateTransform attributeName="transform" type="translate"
        values="0 0; 8 19; 0 0" keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
    </g>
    <g id="butterfly2" class="butterfly">
      <ellipse id="butty2-l" cx="460" cy="370" rx="6" ry="10" fill="#b6fcda"/>
      <ellipse id="butty2-r" cx="470" cy="369" rx="8" ry="13" fill="#24b665"/>
      <ellipse id="butty2-body" cx="467" cy="376" rx="3" ry="6" fill="#45352e"/>
      <animateTransform attributeName="transform" type="translate"
        values="0 0;-6 -20;0 0" keyTimes="0;0.69;1" dur="5s" repeatCount="indefinite"/>
    </g>
    <g id="butterfly3" class="butterfly">
      <ellipse id="butty3-l" cx="355" cy="475" rx="7" ry="12" fill="#ffc93c"/>
      <ellipse id="butty3-r" cx="367" cy="472" rx="12" ry="16" fill="#fb444f"/>
      <ellipse id="butty3-body" cx="362" cy="483" rx="3" ry="6" fill="#665452"/>
      <animateTransform attributeName="transform" type="translate"
        values="0 0; 3 -18; 0 0" keyTimes="0;0.35;1" dur="5s" repeatCount="indefinite"/>
    </g>
  </g>
  <!-- Extra details for realism: Chattering floating music notes and seeds -->
  <g id="notes" class="parrot-sound">
    <text x="370" y="160" font-size="28" fill="#585ada" id="music-note1" class="note" opacity="0.85">&#9834;
      <animateTransform attributeName="transform" type="translate"
        values="0 0; 5 -40; 0 0" keyTimes="0;0.27;1"
        dur="5s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="1;0.56;1" keyTimes="0;0.34;1" dur="5s" repeatCount="indefinite"/>
    </text>
    <text x="395" y="95" font-size="22" fill="#ffd021" id="music-note2" class="note" opacity="0.64">&#119133;
      <animateTransform attributeName="transform" type="translate"
        values="0 0; 0 28; 0 0" keyTimes="0;0.49;1" dur="5s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.68;1;0.68" keyTimes="0;0.66;1" dur="5s" repeatCount="indefinite"/>
    </text>
  </g>
  <!-- Some loose seeds on the branch -->
  <ellipse id="seed1" class="seed" cx="180" cy="420" rx="6" ry="3" fill="#fff485"/>
  <ellipse id="seed2" class="seed" cx="190" cy="424" rx="4" ry="2" fill="#fea153"/>
  <ellipse id="seed3" class="seed" cx="205" cy="415" rx="3" ry="2" fill="#eddfad"/>
</svg>