SVG
Viewer
GAa69yQd
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
5.49 KB
3.37 KB
-39%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 640" role="img" aria-labelledby="title desc"> <title>Pelican riding a bicycle</title> <desc id="desc">A stylized pelican pedaling a bicycle along a sunny path.</desc> <defs> <linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#8fd3ff"></stop> <stop offset="65%" stop-color="#dff5ff"></stop> <stop offset="100%" stop-color="#fdf6d0"></stop> </linearGradient> <radialGradient id="sunGlow" cx="0.22" cy="0.18" r="0.18"> <stop offset="0%" stop-color="#fff7c2" stop-opacity="1"></stop> <stop offset="100%" stop-color="#fff7c2" stop-opacity="0"></stop> </radialGradient> <linearGradient id="road" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#5d6577"></stop> <stop offset="100%" stop-color="#41495b"></stop> </linearGradient> <linearGradient id="feather" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff"></stop> <stop offset="100%" stop-color="#dfe7f0"></stop> </linearGradient> <linearGradient id="beak" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f9c15d"></stop> <stop offset="100%" stop-color="#e58f2b"></stop> </linearGradient> <filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="0" dy="10" stdDeviation="10" flood-color="#243447" flood-opacity="0.18"></fedropshadow> </filter> </defs> <rect width="960" height="640" fill="url(#sky)"></rect> <rect width="960" height="640" fill="url(#sunGlow)"></rect> <circle cx="205" cy="118" r="54" fill="#fff5a8" opacity="0.95"></circle> <circle cx="205" cy="118" r="90" fill="#fff5a8" opacity="0.18"></circle> <path d="M0 438 C120 402 230 410 342 438 C452 466 596 472 720 438 C822 410 901 414 960 430 L960 640 L0 640 Z" fill="#8ecf8f"></path> <ellipse cx="480" cy="530" rx="330" ry="70" fill="url(#road)" opacity="0.96"></ellipse> <ellipse cx="480" cy="534" rx="250" ry="13" fill="#d8dfef" opacity="0.7"></ellipse> <g filter="url(#softShadow)" stroke="#233247" stroke-linecap="round" stroke-linejoin="round"> <g fill="none" stroke-width="8"> <circle cx="320" cy="470" r="88" fill="#f9fcff"></circle> <circle cx="610" cy="470" r="88" fill="#f9fcff"></circle> <circle cx="320" cy="470" r="12" fill="#233247" stroke-width="6"></circle> <circle cx="610" cy="470" r="12" fill="#233247" stroke-width="6"></circle> <path d="M320 470 L430 400 L515 470 L390 470 Z"></path> <path d="M430 400 L470 342"></path> <path d="M470 342 L545 342"></path> <path d="M545 342 L590 402"></path> <path d="M515 470 L590 402 L610 470"></path> <path d="M430 400 L485 400"></path> <path d="M390 470 L355 405"></path> <path d="M355 405 L322 405"></path> <path d="M470 342 L458 318"></path> <path d="M452 320 L484 320"></path> <path d="M590 402 L635 388"></path> <path d="M628 375 L650 402 L617 410"></path> <path d="M487 470 L454 512"></path> <path d="M454 512 L488 533"></path> <path d="M454 512 L420 533"></path> </g> <g stroke="#8aa0bd" stroke-width="3" opacity="0.8"> <path d="M320 382 L320 558"></path> <path d="M232 470 L408 470"></path> <path d="M258 408 L382 532"></path> <path d="M258 532 L382 408"></path> <path d="M610 382 L610 558"></path> <path d="M522 470 L698 470"></path> <path d="M548 408 L672 532"></path> <path d="M548 532 L672 408"></path> </g> <g fill="url(#feather)" stroke-width="5"> <ellipse cx="478" cy="292" rx="96" ry="82" transform="rotate(-12 478 292)"></ellipse> <path d="M414 278 C377 252 358 222 357 182 C356 139 381 107 420 104 C458 101 481 130 484 169 C488 214 465 250 434 283 Z"></path> <path d="M447 292 C406 271 390 245 396 216 C404 183 437 168 478 176 C529 187 564 218 579 262 C535 288 495 302 447 292 Z" fill="#cfd9e6"></path> <path d="M546 260 C607 249 655 258 694 288 C658 319 608 334 556 328 C546 302 543 282 546 260 Z"></path> <path d="M398 184 C379 183 366 192 362 207 C357 224 363 237 381 246 C403 232 412 210 398 184 Z" fill="#ffffff"></path> <path d="M495 329 C515 363 522 388 516 410 C497 407 486 397 479 380 C473 364 478 348 495 329 Z" fill="#eef3f9"></path> </g> <g fill="url(#beak)" stroke-width="5"> <path d="M349 173 C307 172 273 181 245 200 C282 215 323 220 370 214 C383 201 384 187 349 173 Z"></path> <path d="M344 211 C309 225 287 243 276 267 C327 272 368 257 400 226 C389 215 371 210 344 211 Z" fill="#f0a94a"></path> </g> <g fill="none" stroke-width="6"> <path d="M534 333 C552 344 573 355 604 377"></path> <path d="M449 358 C431 393 424 429 431 458"></path> <path d="M497 360 C507 394 502 432 486 462"></path> <path d="M431 458 L456 512"></path> <path d="M486 462 L420 533"></path> <path d="M456 512 L488 533"></path> </g> <g fill="#233247" stroke="none"> <circle cx="406" cy="152" r="8"></circle> </g> <g fill="#ffffff" opacity="0.72" stroke="none"> <ellipse cx="438" cy="253" rx="22" ry="14" transform="rotate(-15 438 253)"></ellipse> <ellipse cx="492" cy="298" rx="30" ry="18" transform="rotate(-9 492 298)"></ellipse> </g> </g> </svg>
Upload
Copy
Download
Share
Pelican riding a bicycle
A stylized pelican pedaling a bicycle along a sunny path.
Preview
React
React Native
PNG
Data URI
Pelican riding a bicycle
A stylized pelican pedaling a bicycle along a sunny path.
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
5.49 KB
3.37 KB
-39%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 640" role="img" aria-labelledby="title desc"> <title>Pelican riding a bicycle</title> <desc id="desc">A stylized pelican pedaling a bicycle along a sunny path.</desc> <defs> <linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#8fd3ff"></stop> <stop offset="65%" stop-color="#dff5ff"></stop> <stop offset="100%" stop-color="#fdf6d0"></stop> </linearGradient> <radialGradient id="sunGlow" cx="0.22" cy="0.18" r="0.18"> <stop offset="0%" stop-color="#fff7c2" stop-opacity="1"></stop> <stop offset="100%" stop-color="#fff7c2" stop-opacity="0"></stop> </radialGradient> <linearGradient id="road" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#5d6577"></stop> <stop offset="100%" stop-color="#41495b"></stop> </linearGradient> <linearGradient id="feather" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff"></stop> <stop offset="100%" stop-color="#dfe7f0"></stop> </linearGradient> <linearGradient id="beak" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f9c15d"></stop> <stop offset="100%" stop-color="#e58f2b"></stop> </linearGradient> <filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="0" dy="10" stdDeviation="10" flood-color="#243447" flood-opacity="0.18"></fedropshadow> </filter> </defs> <rect width="960" height="640" fill="url(#sky)"></rect> <rect width="960" height="640" fill="url(#sunGlow)"></rect> <circle cx="205" cy="118" r="54" fill="#fff5a8" opacity="0.95"></circle> <circle cx="205" cy="118" r="90" fill="#fff5a8" opacity="0.18"></circle> <path d="M0 438 C120 402 230 410 342 438 C452 466 596 472 720 438 C822 410 901 414 960 430 L960 640 L0 640 Z" fill="#8ecf8f"></path> <ellipse cx="480" cy="530" rx="330" ry="70" fill="url(#road)" opacity="0.96"></ellipse> <ellipse cx="480" cy="534" rx="250" ry="13" fill="#d8dfef" opacity="0.7"></ellipse> <g filter="url(#softShadow)" stroke="#233247" stroke-linecap="round" stroke-linejoin="round"> <g fill="none" stroke-width="8"> <circle cx="320" cy="470" r="88" fill="#f9fcff"></circle> <circle cx="610" cy="470" r="88" fill="#f9fcff"></circle> <circle cx="320" cy="470" r="12" fill="#233247" stroke-width="6"></circle> <circle cx="610" cy="470" r="12" fill="#233247" stroke-width="6"></circle> <path d="M320 470 L430 400 L515 470 L390 470 Z"></path> <path d="M430 400 L470 342"></path> <path d="M470 342 L545 342"></path> <path d="M545 342 L590 402"></path> <path d="M515 470 L590 402 L610 470"></path> <path d="M430 400 L485 400"></path> <path d="M390 470 L355 405"></path> <path d="M355 405 L322 405"></path> <path d="M470 342 L458 318"></path> <path d="M452 320 L484 320"></path> <path d="M590 402 L635 388"></path> <path d="M628 375 L650 402 L617 410"></path> <path d="M487 470 L454 512"></path> <path d="M454 512 L488 533"></path> <path d="M454 512 L420 533"></path> </g> <g stroke="#8aa0bd" stroke-width="3" opacity="0.8"> <path d="M320 382 L320 558"></path> <path d="M232 470 L408 470"></path> <path d="M258 408 L382 532"></path> <path d="M258 532 L382 408"></path> <path d="M610 382 L610 558"></path> <path d="M522 470 L698 470"></path> <path d="M548 408 L672 532"></path> <path d="M548 532 L672 408"></path> </g> <g fill="url(#feather)" stroke-width="5"> <ellipse cx="478" cy="292" rx="96" ry="82" transform="rotate(-12 478 292)"></ellipse> <path d="M414 278 C377 252 358 222 357 182 C356 139 381 107 420 104 C458 101 481 130 484 169 C488 214 465 250 434 283 Z"></path> <path d="M447 292 C406 271 390 245 396 216 C404 183 437 168 478 176 C529 187 564 218 579 262 C535 288 495 302 447 292 Z" fill="#cfd9e6"></path> <path d="M546 260 C607 249 655 258 694 288 C658 319 608 334 556 328 C546 302 543 282 546 260 Z"></path> <path d="M398 184 C379 183 366 192 362 207 C357 224 363 237 381 246 C403 232 412 210 398 184 Z" fill="#ffffff"></path> <path d="M495 329 C515 363 522 388 516 410 C497 407 486 397 479 380 C473 364 478 348 495 329 Z" fill="#eef3f9"></path> </g> <g fill="url(#beak)" stroke-width="5"> <path d="M349 173 C307 172 273 181 245 200 C282 215 323 220 370 214 C383 201 384 187 349 173 Z"></path> <path d="M344 211 C309 225 287 243 276 267 C327 272 368 257 400 226 C389 215 371 210 344 211 Z" fill="#f0a94a"></path> </g> <g fill="none" stroke-width="6"> <path d="M534 333 C552 344 573 355 604 377"></path> <path d="M449 358 C431 393 424 429 431 458"></path> <path d="M497 360 C507 394 502 432 486 462"></path> <path d="M431 458 L456 512"></path> <path d="M486 462 L420 533"></path> <path d="M456 512 L488 533"></path> </g> <g fill="#233247" stroke="none"> <circle cx="406" cy="152" r="8"></circle> </g> <g fill="#ffffff" opacity="0.72" stroke="none"> <ellipse cx="438" cy="253" rx="22" ry="14" transform="rotate(-15 438 253)"></ellipse> <ellipse cx="492" cy="298" rx="30" ry="18" transform="rotate(-9 492 298)"></ellipse> </g> </g> </svg>
Upload
Copy
Download
Share
Pelican riding a bicycle
A stylized pelican pedaling a bicycle along a sunny path.
Preview
React
React Native
PNG
Data URI
Pelican riding a bicycle
A stylized pelican pedaling a bicycle along a sunny path.
100%
Download