SVG
Viewer
04ipQgsU
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
13.63 KB
9.42 KB
-31%
Prettify
Preferences
Clear
<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
Copy
Download
Share
🌿 JUNGLE RIVER ADVENTURE 🐸
Preview
React
React Native
PNG
Data URI
🌿 JUNGLE RIVER ADVENTURE 🐸
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
13.63 KB
9.42 KB
-31%
Prettify
Preferences
Clear
<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
Copy
Download
Share
🌿 JUNGLE RIVER ADVENTURE 🐸
Preview
React
React Native
PNG
Data URI
🌿 JUNGLE RIVER ADVENTURE 🐸
100%
Download