04ipQgsU - SVG Viewer

04ipQgsU

N/A

13.63 KB9.42 KB-31%

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600" width="900" height="600">
  <defs>
    
    <linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#87CEEB"></stop>
      <stop offset="40%" stop-color="#B0E0E6"></stop>
      <stop offset="100%" stop-color="#98D8C8"></stop>
    </linearGradient>

<linearGradient id="waterGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#3A7D44"></stop>
      <stop offset="50%" stop-color="#2E6B3A"></stop>
      <stop offset="100%" stop-color="#1B4D2E"></stop>
    </linearGradient>

<linearGradient id="boatGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#8B6914"></stop>
      <stop offset="50%" stop-color="#6B4F1A"></stop>
      <stop offset="100%" stop-color="#4A3510"></stop>
    </linearGradient>

<filter id="fogBlur">
      <feGaussianBlur stdDeviation="2"></feGaussianBlur>
    </filter>

<clipPath id="waterClip">
      <rect x="0" y="350" width="900" height="250"></rect>
    </clipPath>

<pattern id="leafPattern" width="60" height="40" patternUnits="userSpaceOnUse">
      <ellipse cx="15" cy="20" rx="8" ry="5" fill="#2D5A1E" opacity="0.3"></ellipse>
    </pattern>
  </defs>

<rect x="0" y="0" width="900" height="350" fill="url(#skyGrad)"></rect>

<circle cx="750" cy="80" r="45" fill="#FFD700" opacity="0.9">
    
  </circle>
  
  <g opacity="0.3">
    <line x1="750" y1="20" x2="750" y2="0" stroke="#FFD700" stroke-width="2">
      
    </line>
    <line x1="810" y1="50" x2="840" y2="30" stroke="#FFD700" stroke-width="2">
      
    </line>
    <line x1="690" y1="50" x2="660" y2="30" stroke="#FFD700" stroke-width="2">
      
    </line>
  </g>

<g opacity="0.7">
    <g transform="translate(100, 50)">
      <ellipse cx="0" cy="0" rx="40" ry="20" fill="white"></ellipse>
      <ellipse cx="-20" cy="5" rx="30" ry="18" fill="white"></ellipse>
      <ellipse cx="20" cy="5" rx="35" ry="16" fill="white"></ellipse>
      <animateTransform attributeName="transform" type="translate" values="0,0; 80,0; 0,0" dur="40s" repeatCount="indefinite"></animateTransform>
    </g>
    <g transform="translate(500, 30)">
      <ellipse cx="0" cy="0" rx="50" ry="22" fill="white"></ellipse>
      <ellipse cx="-25" cy="8" rx="35" ry="18" fill="white"></ellipse>
      <ellipse cx="30" cy="5" rx="40" ry="16" fill="white"></ellipse>
      <animateTransform attributeName="transform" type="translate" values="0,0; -60,0; 0,0" dur="50s" repeatCount="indefinite"></animateTransform>
    </g>
  </g>

<g fill="#1B4D2E" opacity="0.6">
    
    <path d="M-50,350 L0,180 Q20,170 40,190 L80,350 Z"></path>
    <path d="M30,350 L60,200 Q80,185 100,210 L140,350 Z"></path>
    <path d="M-120,350 L-90,220 Q-70,210 -50,230 L-10,350 Z"></path>
    
    <path d="M820,350 L860,170 Q880,155 900,180 L950,350 Z"></path>
    <path d="M870,350 L910,190 Q930,175 950,200 L990,350 Z"></path>
    <path d="M760,350 L790,210 Q810,195 830,220 L860,350 Z"></path>
  </g>

<g fill="#2D5A1E" opacity="0.7">
    
    <path d="M-20,350 L30,150 Q60,130 90,160 L120,350 Z"></path>
    <ellipse cx="40" cy="170" rx="80" ry="60" fill="#2D5A1E"></ellipse>
    <path d="M-60,350 L0,170 Q30,150 60,180 L90,350 Z"></path>
    
    <path d="M800,350 L840,140 Q870,120 900,150 L940,350 Z"></path>
    <ellipse cx="860" cy="155" rx="90" ry="65" fill="#2D5A1E"></ellipse>
    <path d="M840,350 L870,160 Q900,145 930,170 L960,350 Z"></path>
  </g>

<g stroke="#2D5A1E" fill="none" opacity="0.5">
    <path d="M20,180 Q15,220 25,260 Q30,290 20,320"></path>
    <path d="M870,170 Q875,210 865,250 Q860,280 870,310"></path>
    <path d="M-10,190 Q-5,230 -15,270 Q-10,300 -20,340"></path>
  </g>

<rect x="0" y="340" width="900" height="260" fill="url(#waterGrad)"></rect>

<g clip-path="url(#waterClip)" opacity="0.15">
    <pattern id="shimmerPattern" width="200" height="30" patternUnits="userSpaceOnUse">
      <line x1="0" y1="15" x2="200" y2="15" stroke="#8FBC8F" stroke-width="1"></line>
    </pattern>
    <rect x="-400" y="340" width="1700" height="260" fill="url(#shimmerPattern)">
      <animateTransform attributeName="transform" type="translate" values="-400,0; 0,0; -400,0" dur="8s" repeatCount="indefinite"></animateTransform>
    </rect>
  </g>

<g clip-path="url(#waterClip)">
    
    <path d="M-50,360 Q25,350 75,360 T225,360 T375,360 T525,360 T675,360 T825,360 T975,360" fill="none" stroke="#4A9B6E" stroke-width="3" opacity="0.5">
      <animateTransform attributeName="transform" type="translate" values="-150,0; 150,0; -150,0" dur="6s" repeatCount="indefinite"></animateTransform>
    </path>
    
    <path d="M-80,375 Q10,365 90,375 T270,375 T450,375 T630,375 T810,375 T990,375" fill="none" stroke="#3D8B5E" stroke-width="2.5" opacity="0.4">
      <animateTransform attributeName="transform" type="translate" values="-200,0; 200,0; -200,0" dur="7s" repeatCount="indefinite"></animateTransform>
    </path>
    
    <path d="M-60,390 Q30,380 100,390 T250,390 T420,390 T590,390 T760,390 T930,390" fill="none" stroke="#5AAF7E" stroke-width="2" opacity="0.35">
      <animateTransform attributeName="transform" type="translate" values="-180,0; 180,0; -180,0" dur="5s" repeatCount="indefinite"></animateTransform>
    </path>
    
    <path d="M-40,420 Q20,412 70,420 T180,420 T290,420 T400,420 T510,420 T620,420 T730,420 T840,420 T950,420" fill="none" stroke="#4A9B6E" stroke-width="1.5" opacity="0.3">
      <animateTransform attributeName="transform" type="translate" values="-250,0; 250,0; -250,0" dur="9s" repeatCount="indefinite"></animateTransform>
    </path>

<g opacity="0.6">
      <ellipse cx="100" cy="380" rx="8" ry="4" fill="#2D5A1E" transform="rotate(20, 100, 380)">
        <animateTransform attributeName="transform" type="translate" values="0,0; 60,5; 120,-2; 180,3; 900,10" dur="15s" repeatCount="indefinite"></animateTransform>
        
      </ellipse>
      <ellipse cx="300" cy="400" rx="7" ry="3.5" fill="#2D5A1E" transform="rotate(-15, 300, 400)">
        <animateTransform attributeName="transform" type="translate" values="0,0; 80,-3; 160,2; 240,-4; 900,15" dur="18s" repeatCount="indefinite"></animateTransform>
      </ellipse>
      <ellipse cx="550" cy="370" rx="9" ry="4.5" fill="#1B4D2E" transform="rotate(35, 550, 370)">
        <animateTransform attributeName="transform" type="translate" values="0,0; 50,8; 100,-5; 150,3; 900,20" dur="14s" repeatCount="indefinite"></animateTransform>
      </ellipse>
    </g>
  </g>

<g>
    <animateTransform attributeName="transform" type="translate" values="0,0; 0,-8; 0,0" dur="2.5s" repeatCount="indefinite"></animateTransform>

<ellipse cx="450" cy="395" rx="160" ry="18" fill="#0A2E15" opacity="0.2">
      
    </ellipse>

<path d="M300,370 Q310,410 450,415 Q590,410 600,370 Q580,355 450,358 Q320,355 300,370 Z" fill="url(#boatGrad)" stroke="#3A2510" stroke-width="2"></path>
    
    <path d="M300,370 Q320,358 450,360 Q580,358 600,370" fill="none" stroke="#A08040" stroke-width="4"></path>
    
    <path d="M310,372 Q325,360 450,362 Q575,360 590,372 L585,375 Q570,365 450,366 Q330,365 315,375 Z" fill="#5A3E1A"></path>
    
    <path d="M330,380 Q450,382 570,379" stroke="#3A2510" stroke-width="1" opacity="0.4"></path>
    <path d="M340,390 Q450,391 560,389" stroke="#3A2510" stroke-width="1" opacity="0.3"></path>

<g transform="translate(430, 310)">
      
      <ellipse cx="0" cy="62" rx="25" ry="8" fill="#3A2510" opacity="0.3"></ellipse>

<path d="M-18,45 Q-30,55 -35,70 Q-38,78 -28,75" fill="#4CAF50" stroke="#2E7D32" stroke-width="1.5"></path>
      <ellipse cx="-36" cy="76" rx="8" ry="5" fill="#4CAF50" transform="rotate(-20,-36,76)"></ellipse>
      
      <circle cx="-42" cy="79" r="2.5" fill="#81C784"></circle>
      <circle cx="-36" cy="82" r="2.5" fill="#81C784"></circle>

<path d="M18,45 Q30,55 35,70 Q38,78 28,75" fill="#4CAF50" stroke="#2E7D32" stroke-width="1.5"></path>
      <ellipse cx="36" cy="76" rx="8" ry="5" fill="#4CAF50" transform="rotate(20,36,76)"></ellipse>
      <circle cx="42" cy="79" r="2.5" fill="#81C784"></circle>
      <circle cx="36" cy="82" r="2.5" fill="#81C784"></circle>

<ellipse cx="0" cy="35" rx="30" ry="38" fill="#4CAF50" stroke="#2E7D32" stroke-width="1.5"></ellipse>
      
      <ellipse cx="0" cy="42" rx="20" ry="25" fill="#81C784"></ellipse>

<circle cx="-12" cy="22" r="3" fill="#66BB6A" opacity="0.6"></circle>
      <circle cx="10" cy="28" r="2.5" fill="#66BB6A" opacity="0.6"></circle>
      <circle cx="-5" cy="48" r="3.5" fill="#66BB6A" opacity="0.5"></circle>
      <circle cx="15" cy="18" r="2" fill="#66BB6A" opacity="0.5"></circle>

<g>
        <path d="M20,25 Q35,30 45,45" stroke="#4CAF50" stroke-width="7" stroke-linecap="round" fill="none"></path>
        <circle cx="45" cy="46" r="6" fill="#4CAF50"></circle>
      </g>

<g transform="translate(48, 38)">
        <animateTransform attributeName="transform" type="rotate" values="-20,0,-12; 30,0,-12; -20,0,-12" dur="2s" repeatCount="indefinite"></animateTransform>

<line x1="0" y1="-15" x2="10" y2="75" stroke="#A08040" stroke-width="4" stroke-linecap="round"></line>
        
        <ellipse cx="15" cy="82" rx="12" ry="6" fill="#8B6914" stroke="#6B4F1A" stroke-width="1.5" transform="rotate(15, 15, 82)"></ellipse>

<g opacity="0">
          <circle cx="10" cy="90" r="3" fill="#6AAF7E">
            
            
          </circle>
          <circle cx="5" cy="93" r="2" fill="#7BBF8E">
            
            
          </circle>
        </g>
      </g>

<path d="M-18,30 Q-30,45 -25,60" stroke="#4CAF50" stroke-width="7" stroke-linecap="round" fill="none"></path>
      <circle cx="-25" cy="61" r="6" fill="#4CAF50"></circle>

<ellipse cx="0" cy="5" rx="28" ry="25" fill="#4CAF50" stroke="#2E7D32" stroke-width="1.5"></ellipse>

<circle cx="-16" cy="-15" r="10" fill="#4CAF50" stroke="#2E7D32" stroke-width="1"></circle>
      <circle cx="16" cy="-15" r="10" fill="#4CAF50" stroke="#2E7D32" stroke-width="1"></circle>

<g>
        <ellipse cx="-16" cy="-15" rx="8" ry="9" fill="white"></ellipse>
        <circle cx="-14" cy="-14" r="5" fill="#2C2C2C">
          
        </circle>
        
        <circle cx="-13" cy="-16" r="2" fill="white" opacity="0.8"></circle>
      </g>

<g>
        <ellipse cx="16" cy="-15" rx="8" ry="9" fill="white"></ellipse>
        <circle cx="14" cy="-14" r="5" fill="#2C2C2C">
          
        </circle>
        
        <circle cx="15" cy="-16" r="2" fill="white" opacity="0.8"></circle>
      </g>

<ellipse cx="-16" cy="-15" rx="9" ry="0" fill="#4CAF50">
        
      </ellipse>
      <ellipse cx="16" cy="-15" rx="9" ry="0" fill="#4CAF50">
        
      </ellipse>

<path d="M-12,8 Q0,16 12,8" fill="none" stroke="#1B5E20" stroke-width="2" stroke-linecap="round"></path>

<circle cx="-4" cy="3" r="1.5" fill="#2E7D32"></circle>
      <circle cx="4" cy="3" r="1.5" fill="#2E7D32"></circle>

<ellipse cx="-20" cy="8" rx="6" ry="4" fill="#FFB6C1" opacity="0.3"></ellipse>
      <ellipse cx="20" cy="8" rx="6" ry="4" fill="#FFB6C1" opacity="0.3"></ellipse>

</g>

<g opacity="0.4">
      <ellipse cx="310" cy="390" rx="5" ry="8" fill="#6AAF7E">
        
        
      </ellipse>
      <circle cx="295" cy="385" r="3" fill="#7BBF8E">
        
        
      </circle>
    </g>
  </g>

<g fill="#1B4D2E">
    <path d="M-30,600 L0,450 Q20,440 30,470 L50,600 Z"></path>
    <ellipse cx="10" cy="460" rx="40" ry="30" fill="#2D5A1E"></ellipse>
    
    <path d="M-10,480 Q-5,520 -20,560" stroke="#2D5A1E" stroke-width="3" fill="none"></path>
    <ellipse cx="-18" cy="560" rx="12" ry="8" fill="#3A7D44" transform="rotate(-30,-18,560)"></ellipse>
  </g>

<g fill="#1B4D2E">
    <path d="M930,600 L900,430 Q880,420 870,450 L850,600 Z"></path>
    <ellipse cx="880" cy="440" rx="50" ry="35" fill="#2D5A1E"></ellipse>
    
    <path d="M910,470 Q915,510 900,560" stroke="#2D5A1E" stroke-width="3" fill="none"></path>
    <ellipse cx="898" cy="560" rx="14" ry="9" fill="#3A7D44" transform="rotate(25,898,560)"></ellipse>
  </g>

<g opacity="0.5">
    <ellipse cx="200" cy="-10" rx="6" ry="4" fill="#3A7D44" transform="rotate(45, 200, -10)">
      <animateTransform attributeName="transform" type="translate" values="0,-10; 100,200; 80,350" dur="12s" repeatCount="indefinite"></animateTransform>
      
    </ellipse>
    <ellipse cx="600" cy="-10" rx="5" ry="3.5" fill="#4A9B6E" transform="rotate(-30, 600, -10)">
      <animateTransform attributeName="transform" type="translate" values="0,-10; -80,250; -60,400" dur="15s" repeatCount="indefinite"></animateTransform>
    </ellipse>
    <ellipse cx="750" cy="-10" rx="7" ry="4.5" fill="#3A7D44" transform="rotate(60, 750, -10)">
      <animateTransform attributeName="transform" type="translate" values="0,-10; 50,280; 30,380" dur="11s" repeatCount="indefinite"></animateTransform>
    </ellipse>
  </g>

<g stroke="#4A3520" fill="none" stroke-width="1.5" opacity="0.4">
    <path d="M680,100 Q690,90 700,100 Q710,90 720,100">
      <animateTransform attributeName="transform" type="translate" values="0,0; -30,-5; 0,0" dur="8s" repeatCount="indefinite"></animateTransform>
    </path>
    <path d="M690,120 Q700,110 710,120 Q720,110 730,120">
      <animateTransform attributeName="transform" type="translate" values="0,0; -25,-8; 0,0" dur="9s" repeatCount="indefinite"></animateTransform>
    </path>
  </g>

<text x="450" y="580" text-anchor="middle" font-family="Georgia, serif" font-size="16" fill="#8FBC8F" opacity="0.7" letter-spacing="3">
    🌿 JUNGLE RIVER ADVENTURE 🐸
  </text>

</svg>

Upload

Preview React React Native PNG Data URI

13.63 KB9.42 KB-31%

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600" width="900" height="600">
  <defs>
    
    <linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#87CEEB"></stop>
      <stop offset="40%" stop-color="#B0E0E6"></stop>
      <stop offset="100%" stop-color="#98D8C8"></stop>
    </linearGradient>

<linearGradient id="waterGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#3A7D44"></stop>
      <stop offset="50%" stop-color="#2E6B3A"></stop>
      <stop offset="100%" stop-color="#1B4D2E"></stop>
    </linearGradient>

<linearGradient id="boatGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#8B6914"></stop>
      <stop offset="50%" stop-color="#6B4F1A"></stop>
      <stop offset="100%" stop-color="#4A3510"></stop>
    </linearGradient>

<filter id="fogBlur">
      <feGaussianBlur stdDeviation="2"></feGaussianBlur>
    </filter>

<clipPath id="waterClip">
      <rect x="0" y="350" width="900" height="250"></rect>
    </clipPath>

<pattern id="leafPattern" width="60" height="40" patternUnits="userSpaceOnUse">
      <ellipse cx="15" cy="20" rx="8" ry="5" fill="#2D5A1E" opacity="0.3"></ellipse>
    </pattern>
  </defs>

<rect x="0" y="0" width="900" height="350" fill="url(#skyGrad)"></rect>

<circle cx="750" cy="80" r="45" fill="#FFD700" opacity="0.9">
    
  </circle>
  
  <g opacity="0.3">
    <line x1="750" y1="20" x2="750" y2="0" stroke="#FFD700" stroke-width="2">
      
    </line>
    <line x1="810" y1="50" x2="840" y2="30" stroke="#FFD700" stroke-width="2">
      
    </line>
    <line x1="690" y1="50" x2="660" y2="30" stroke="#FFD700" stroke-width="2">
      
    </line>
  </g>

<g opacity="0.7">
    <g transform="translate(100, 50)">
      <ellipse cx="0" cy="0" rx="40" ry="20" fill="white"></ellipse>
      <ellipse cx="-20" cy="5" rx="30" ry="18" fill="white"></ellipse>
      <ellipse cx="20" cy="5" rx="35" ry="16" fill="white"></ellipse>
      <animateTransform attributeName="transform" type="translate" values="0,0; 80,0; 0,0" dur="40s" repeatCount="indefinite"></animateTransform>
    </g>
    <g transform="translate(500, 30)">
      <ellipse cx="0" cy="0" rx="50" ry="22" fill="white"></ellipse>
      <ellipse cx="-25" cy="8" rx="35" ry="18" fill="white"></ellipse>
      <ellipse cx="30" cy="5" rx="40" ry="16" fill="white"></ellipse>
      <animateTransform attributeName="transform" type="translate" values="0,0; -60,0; 0,0" dur="50s" repeatCount="indefinite"></animateTransform>
    </g>
  </g>

<g fill="#1B4D2E" opacity="0.6">
    
    <path d="M-50,350 L0,180 Q20,170 40,190 L80,350 Z"></path>
    <path d="M30,350 L60,200 Q80,185 100,210 L140,350 Z"></path>
    <path d="M-120,350 L-90,220 Q-70,210 -50,230 L-10,350 Z"></path>
    
    <path d="M820,350 L860,170 Q880,155 900,180 L950,350 Z"></path>
    <path d="M870,350 L910,190 Q930,175 950,200 L990,350 Z"></path>
    <path d="M760,350 L790,210 Q810,195 830,220 L860,350 Z"></path>
  </g>

<g fill="#2D5A1E" opacity="0.7">
    
    <path d="M-20,350 L30,150 Q60,130 90,160 L120,350 Z"></path>
    <ellipse cx="40" cy="170" rx="80" ry="60" fill="#2D5A1E"></ellipse>
    <path d="M-60,350 L0,170 Q30,150 60,180 L90,350 Z"></path>
    
    <path d="M800,350 L840,140 Q870,120 900,150 L940,350 Z"></path>
    <ellipse cx="860" cy="155" rx="90" ry="65" fill="#2D5A1E"></ellipse>
    <path d="M840,350 L870,160 Q900,145 930,170 L960,350 Z"></path>
  </g>

<g stroke="#2D5A1E" fill="none" opacity="0.5">
    <path d="M20,180 Q15,220 25,260 Q30,290 20,320"></path>
    <path d="M870,170 Q875,210 865,250 Q860,280 870,310"></path>
    <path d="M-10,190 Q-5,230 -15,270 Q-10,300 -20,340"></path>
  </g>

<rect x="0" y="340" width="900" height="260" fill="url(#waterGrad)"></rect>

<g clip-path="url(#waterClip)" opacity="0.15">
    <pattern id="shimmerPattern" width="200" height="30" patternUnits="userSpaceOnUse">
      <line x1="0" y1="15" x2="200" y2="15" stroke="#8FBC8F" stroke-width="1"></line>
    </pattern>
    <rect x="-400" y="340" width="1700" height="260" fill="url(#shimmerPattern)">
      <animateTransform attributeName="transform" type="translate" values="-400,0; 0,0; -400,0" dur="8s" repeatCount="indefinite"></animateTransform>
    </rect>
  </g>

<g clip-path="url(#waterClip)">
    
    <path d="M-50,360 Q25,350 75,360 T225,360 T375,360 T525,360 T675,360 T825,360 T975,360" fill="none" stroke="#4A9B6E" stroke-width="3" opacity="0.5">
      <animateTransform attributeName="transform" type="translate" values="-150,0; 150,0; -150,0" dur="6s" repeatCount="indefinite"></animateTransform>
    </path>
    
    <path d="M-80,375 Q10,365 90,375 T270,375 T450,375 T630,375 T810,375 T990,375" fill="none" stroke="#3D8B5E" stroke-width="2.5" opacity="0.4">
      <animateTransform attributeName="transform" type="translate" values="-200,0; 200,0; -200,0" dur="7s" repeatCount="indefinite"></animateTransform>
    </path>
    
    <path d="M-60,390 Q30,380 100,390 T250,390 T420,390 T590,390 T760,390 T930,390" fill="none" stroke="#5AAF7E" stroke-width="2" opacity="0.35">
      <animateTransform attributeName="transform" type="translate" values="-180,0; 180,0; -180,0" dur="5s" repeatCount="indefinite"></animateTransform>
    </path>
    
    <path d="M-40,420 Q20,412 70,420 T180,420 T290,420 T400,420 T510,420 T620,420 T730,420 T840,420 T950,420" fill="none" stroke="#4A9B6E" stroke-width="1.5" opacity="0.3">
      <animateTransform attributeName="transform" type="translate" values="-250,0; 250,0; -250,0" dur="9s" repeatCount="indefinite"></animateTransform>
    </path>

<g opacity="0.6">
      <ellipse cx="100" cy="380" rx="8" ry="4" fill="#2D5A1E" transform="rotate(20, 100, 380)">
        <animateTransform attributeName="transform" type="translate" values="0,0; 60,5; 120,-2; 180,3; 900,10" dur="15s" repeatCount="indefinite"></animateTransform>
        
      </ellipse>
      <ellipse cx="300" cy="400" rx="7" ry="3.5" fill="#2D5A1E" transform="rotate(-15, 300, 400)">
        <animateTransform attributeName="transform" type="translate" values="0,0; 80,-3; 160,2; 240,-4; 900,15" dur="18s" repeatCount="indefinite"></animateTransform>
      </ellipse>
      <ellipse cx="550" cy="370" rx="9" ry="4.5" fill="#1B4D2E" transform="rotate(35, 550, 370)">
        <animateTransform attributeName="transform" type="translate" values="0,0; 50,8; 100,-5; 150,3; 900,20" dur="14s" repeatCount="indefinite"></animateTransform>
      </ellipse>
    </g>
  </g>

<g>
    <animateTransform attributeName="transform" type="translate" values="0,0; 0,-8; 0,0" dur="2.5s" repeatCount="indefinite"></animateTransform>

<ellipse cx="450" cy="395" rx="160" ry="18" fill="#0A2E15" opacity="0.2">
      
    </ellipse>

<path d="M300,370 Q310,410 450,415 Q590,410 600,370 Q580,355 450,358 Q320,355 300,370 Z" fill="url(#boatGrad)" stroke="#3A2510" stroke-width="2"></path>
    
    <path d="M300,370 Q320,358 450,360 Q580,358 600,370" fill="none" stroke="#A08040" stroke-width="4"></path>
    
    <path d="M310,372 Q325,360 450,362 Q575,360 590,372 L585,375 Q570,365 450,366 Q330,365 315,375 Z" fill="#5A3E1A"></path>
    
    <path d="M330,380 Q450,382 570,379" stroke="#3A2510" stroke-width="1" opacity="0.4"></path>
    <path d="M340,390 Q450,391 560,389" stroke="#3A2510" stroke-width="1" opacity="0.3"></path>

<g transform="translate(430, 310)">
      
      <ellipse cx="0" cy="62" rx="25" ry="8" fill="#3A2510" opacity="0.3"></ellipse>

<path d="M-18,45 Q-30,55 -35,70 Q-38,78 -28,75" fill="#4CAF50" stroke="#2E7D32" stroke-width="1.5"></path>
      <ellipse cx="-36" cy="76" rx="8" ry="5" fill="#4CAF50" transform="rotate(-20,-36,76)"></ellipse>
      
      <circle cx="-42" cy="79" r="2.5" fill="#81C784"></circle>
      <circle cx="-36" cy="82" r="2.5" fill="#81C784"></circle>

<path d="M18,45 Q30,55 35,70 Q38,78 28,75" fill="#4CAF50" stroke="#2E7D32" stroke-width="1.5"></path>
      <ellipse cx="36" cy="76" rx="8" ry="5" fill="#4CAF50" transform="rotate(20,36,76)"></ellipse>
      <circle cx="42" cy="79" r="2.5" fill="#81C784"></circle>
      <circle cx="36" cy="82" r="2.5" fill="#81C784"></circle>

<ellipse cx="0" cy="35" rx="30" ry="38" fill="#4CAF50" stroke="#2E7D32" stroke-width="1.5"></ellipse>
      
      <ellipse cx="0" cy="42" rx="20" ry="25" fill="#81C784"></ellipse>

<circle cx="-12" cy="22" r="3" fill="#66BB6A" opacity="0.6"></circle>
      <circle cx="10" cy="28" r="2.5" fill="#66BB6A" opacity="0.6"></circle>
      <circle cx="-5" cy="48" r="3.5" fill="#66BB6A" opacity="0.5"></circle>
      <circle cx="15" cy="18" r="2" fill="#66BB6A" opacity="0.5"></circle>

<g>
        <path d="M20,25 Q35,30 45,45" stroke="#4CAF50" stroke-width="7" stroke-linecap="round" fill="none"></path>
        <circle cx="45" cy="46" r="6" fill="#4CAF50"></circle>
      </g>

<g transform="translate(48, 38)">
        <animateTransform attributeName="transform" type="rotate" values="-20,0,-12; 30,0,-12; -20,0,-12" dur="2s" repeatCount="indefinite"></animateTransform>

<line x1="0" y1="-15" x2="10" y2="75" stroke="#A08040" stroke-width="4" stroke-linecap="round"></line>
        
        <ellipse cx="15" cy="82" rx="12" ry="6" fill="#8B6914" stroke="#6B4F1A" stroke-width="1.5" transform="rotate(15, 15, 82)"></ellipse>

<g opacity="0">
          <circle cx="10" cy="90" r="3" fill="#6AAF7E">
            
            
          </circle>
          <circle cx="5" cy="93" r="2" fill="#7BBF8E">
            
            
          </circle>
        </g>
      </g>

<path d="M-18,30 Q-30,45 -25,60" stroke="#4CAF50" stroke-width="7" stroke-linecap="round" fill="none"></path>
      <circle cx="-25" cy="61" r="6" fill="#4CAF50"></circle>

<ellipse cx="0" cy="5" rx="28" ry="25" fill="#4CAF50" stroke="#2E7D32" stroke-width="1.5"></ellipse>

<circle cx="-16" cy="-15" r="10" fill="#4CAF50" stroke="#2E7D32" stroke-width="1"></circle>
      <circle cx="16" cy="-15" r="10" fill="#4CAF50" stroke="#2E7D32" stroke-width="1"></circle>

<g>
        <ellipse cx="-16" cy="-15" rx="8" ry="9" fill="white"></ellipse>
        <circle cx="-14" cy="-14" r="5" fill="#2C2C2C">
          
        </circle>
        
        <circle cx="-13" cy="-16" r="2" fill="white" opacity="0.8"></circle>
      </g>

<g>
        <ellipse cx="16" cy="-15" rx="8" ry="9" fill="white"></ellipse>
        <circle cx="14" cy="-14" r="5" fill="#2C2C2C">
          
        </circle>
        
        <circle cx="15" cy="-16" r="2" fill="white" opacity="0.8"></circle>
      </g>

<ellipse cx="-16" cy="-15" rx="9" ry="0" fill="#4CAF50">
        
      </ellipse>
      <ellipse cx="16" cy="-15" rx="9" ry="0" fill="#4CAF50">
        
      </ellipse>

<path d="M-12,8 Q0,16 12,8" fill="none" stroke="#1B5E20" stroke-width="2" stroke-linecap="round"></path>

<circle cx="-4" cy="3" r="1.5" fill="#2E7D32"></circle>
      <circle cx="4" cy="3" r="1.5" fill="#2E7D32"></circle>

<ellipse cx="-20" cy="8" rx="6" ry="4" fill="#FFB6C1" opacity="0.3"></ellipse>
      <ellipse cx="20" cy="8" rx="6" ry="4" fill="#FFB6C1" opacity="0.3"></ellipse>

</g>

<g opacity="0.4">
      <ellipse cx="310" cy="390" rx="5" ry="8" fill="#6AAF7E">
        
        
      </ellipse>
      <circle cx="295" cy="385" r="3" fill="#7BBF8E">
        
        
      </circle>
    </g>
  </g>

<g fill="#1B4D2E">
    <path d="M-30,600 L0,450 Q20,440 30,470 L50,600 Z"></path>
    <ellipse cx="10" cy="460" rx="40" ry="30" fill="#2D5A1E"></ellipse>
    
    <path d="M-10,480 Q-5,520 -20,560" stroke="#2D5A1E" stroke-width="3" fill="none"></path>
    <ellipse cx="-18" cy="560" rx="12" ry="8" fill="#3A7D44" transform="rotate(-30,-18,560)"></ellipse>
  </g>

<g fill="#1B4D2E">
    <path d="M930,600 L900,430 Q880,420 870,450 L850,600 Z"></path>
    <ellipse cx="880" cy="440" rx="50" ry="35" fill="#2D5A1E"></ellipse>
    
    <path d="M910,470 Q915,510 900,560" stroke="#2D5A1E" stroke-width="3" fill="none"></path>
    <ellipse cx="898" cy="560" rx="14" ry="9" fill="#3A7D44" transform="rotate(25,898,560)"></ellipse>
  </g>

<g opacity="0.5">
    <ellipse cx="200" cy="-10" rx="6" ry="4" fill="#3A7D44" transform="rotate(45, 200, -10)">
      <animateTransform attributeName="transform" type="translate" values="0,-10; 100,200; 80,350" dur="12s" repeatCount="indefinite"></animateTransform>
      
    </ellipse>
    <ellipse cx="600" cy="-10" rx="5" ry="3.5" fill="#4A9B6E" transform="rotate(-30, 600, -10)">
      <animateTransform attributeName="transform" type="translate" values="0,-10; -80,250; -60,400" dur="15s" repeatCount="indefinite"></animateTransform>
    </ellipse>
    <ellipse cx="750" cy="-10" rx="7" ry="4.5" fill="#3A7D44" transform="rotate(60, 750, -10)">
      <animateTransform attributeName="transform" type="translate" values="0,-10; 50,280; 30,380" dur="11s" repeatCount="indefinite"></animateTransform>
    </ellipse>
  </g>

<g stroke="#4A3520" fill="none" stroke-width="1.5" opacity="0.4">
    <path d="M680,100 Q690,90 700,100 Q710,90 720,100">
      <animateTransform attributeName="transform" type="translate" values="0,0; -30,-5; 0,0" dur="8s" repeatCount="indefinite"></animateTransform>
    </path>
    <path d="M690,120 Q700,110 710,120 Q720,110 730,120">
      <animateTransform attributeName="transform" type="translate" values="0,0; -25,-8; 0,0" dur="9s" repeatCount="indefinite"></animateTransform>
    </path>
  </g>

<text x="450" y="580" text-anchor="middle" font-family="Georgia, serif" font-size="16" fill="#8FBC8F" opacity="0.7" letter-spacing="3">
    🌿 JUNGLE RIVER ADVENTURE 🐸
  </text>

</svg>

Upload