391 lines
17 KiB
XML
391 lines
17 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1400" height="800" viewBox="0 0 1400 800">
|
|
<title>Pelican Cycling by the Sea</title>
|
|
<desc>A vivid, realistic pelican riding a bicycle along a seaside beach at golden hour.</desc>
|
|
<defs>
|
|
<linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#4ea7ff"/>
|
|
<stop offset="0.45" stop-color="#bfe9ff"/>
|
|
<stop offset="0.75" stop-color="#f6fbff"/>
|
|
<stop offset="1" stop-color="#fff3dc"/>
|
|
</linearGradient>
|
|
<radialGradient id="sunGrad" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0" stop-color="#fffbe6" stop-opacity="1"/>
|
|
<stop offset="0.55" stop-color="#ffe19a" stop-opacity="0.95"/>
|
|
<stop offset="1" stop-color="#ffb35c" stop-opacity="0.25"/>
|
|
</radialGradient>
|
|
<linearGradient id="seaGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#0a4d78"/>
|
|
<stop offset="0.55" stop-color="#0f6f9b"/>
|
|
<stop offset="0.85" stop-color="#17a8b0"/>
|
|
<stop offset="1" stop-color="#7fe6d8"/>
|
|
</linearGradient>
|
|
<linearGradient id="sandGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#f3d4a7"/>
|
|
<stop offset="0.55" stop-color="#e2bf91"/>
|
|
<stop offset="1" stop-color="#caa076"/>
|
|
</linearGradient>
|
|
<linearGradient id="wetSandGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#caa17a" stop-opacity="0.15"/>
|
|
<stop offset="0.3" stop-color="#7bbdc2" stop-opacity="0.28"/>
|
|
<stop offset="1" stop-color="#2f6a77" stop-opacity="0.08"/>
|
|
</linearGradient>
|
|
<linearGradient id="rimGrad" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#dfe8ef"/>
|
|
<stop offset="0.35" stop-color="#aab6c1"/>
|
|
<stop offset="1" stop-color="#eef4f9"/>
|
|
</linearGradient>
|
|
<linearGradient id="frameGrad" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#1f9aa0"/>
|
|
<stop offset="0.55" stop-color="#176f7a"/>
|
|
<stop offset="1" stop-color="#0e4f5f"/>
|
|
</linearGradient>
|
|
<linearGradient id="pelicanBodyGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#fbfdff"/>
|
|
<stop offset="0.55" stop-color="#e6edf3"/>
|
|
<stop offset="1" stop-color="#c9d3dc"/>
|
|
</linearGradient>
|
|
<linearGradient id="pelicanWingGrad" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#eef4fa"/>
|
|
<stop offset="0.6" stop-color="#c8d4df"/>
|
|
<stop offset="1" stop-color="#aab6c1"/>
|
|
</linearGradient>
|
|
<linearGradient id="beakGrad" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0" stop-color="#f3d24c"/>
|
|
<stop offset="0.55" stop-color="#f0b32e"/>
|
|
<stop offset="1" stop-color="#d9861d"/>
|
|
</linearGradient>
|
|
<linearGradient id="pouchGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#ffd8bf"/>
|
|
<stop offset="0.65" stop-color="#ffb8a8"/>
|
|
<stop offset="1" stop-color="#e28b7e"/>
|
|
</linearGradient>
|
|
|
|
<filter id="sunGlow" x="-40%" y="-40%" width="180%" height="180%">
|
|
<feGaussianBlur stdDeviation="10" result="b"/>
|
|
<feColorMatrix in="b" type="matrix"
|
|
values="1 0 0 0 0
|
|
0 0.9 0 0 0
|
|
0 0 0.7 0 0
|
|
0 0 0 0.75 0" result="c"/>
|
|
<feMerge>
|
|
<feMergeNode in="c"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
|
|
<feOffset dx="14" dy="18" in="SourceAlpha" result="o"/>
|
|
<feGaussianBlur stdDeviation="14" in="o" result="b"/>
|
|
<feColorMatrix in="b" type="matrix"
|
|
values="0 0 0 0 0
|
|
0 0 0 0 0
|
|
0 0 0 0 0
|
|
0 0 0 0.38 0" result="s"/>
|
|
<feMerge>
|
|
<feMergeNode in="s"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<filter id="grain" x="-10%" y="-10%" width="120%" height="120%">
|
|
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" seed="8" result="n"/>
|
|
<feColorMatrix in="n" type="matrix"
|
|
values="0 0 0 0 0.55
|
|
0 0 0 0 0.55
|
|
0 0 0 0 0.55
|
|
0 0 0 0.14 0" result="g"/>
|
|
<feBlend in="SourceGraphic" in2="g" mode="soft-light"/>
|
|
</filter>
|
|
|
|
<filter id="seaShimmer" x="-20%" y="-30%" width="140%" height="170%">
|
|
<feTurbulence type="fractalNoise" baseFrequency="0.012" numOctaves="2" seed="3" result="t"/>
|
|
<feDisplacementMap in="SourceGraphic" in2="t" scale="18" xChannelSelector="R" yChannelSelector="G"/>
|
|
</filter>
|
|
|
|
<radialGradient id="vigGrad" cx="50%" cy="45%" r="68%">
|
|
<stop offset="0" stop-color="black" stop-opacity="1"/>
|
|
<stop offset="0.72" stop-color="black" stop-opacity="1"/>
|
|
<stop offset="1" stop-color="white" stop-opacity="1"/>
|
|
</radialGradient>
|
|
|
|
<mask id="vignette">
|
|
<rect x="0" y="0" width="1400" height="800" fill="white"/>
|
|
<rect x="0" y="0" width="1400" height="800" fill="url(#vigGrad)"/>
|
|
</mask>
|
|
</defs>
|
|
|
|
<!-- Sky -->
|
|
<rect x="0" y="0" width="1400" height="800" fill="url(#skyGrad)"/>
|
|
|
|
<!-- Sun -->
|
|
<g filter="url(#sunGlow)">
|
|
<circle cx="270" cy="135" r="98" fill="url(#sunGrad)"/>
|
|
<circle cx="270" cy="135" r="38" fill="#fffce9" opacity="0.9"/>
|
|
</g>
|
|
|
|
<!-- Distant haze at horizon -->
|
|
<rect x="0" y="235" width="1400" height="95" fill="#ffffff" opacity="0.22"/>
|
|
|
|
<!-- Soft clouds -->
|
|
<g opacity="0.55" filter="url(#grain)">
|
|
<g transform="translate(110,72)">
|
|
<ellipse cx="210" cy="90" rx="130" ry="52" fill="#ffffff" opacity="0.85"/>
|
|
<ellipse cx="310" cy="84" rx="98" ry="40" fill="#ffffff" opacity="0.85"/>
|
|
<ellipse cx="130" cy="98" rx="90" ry="38" fill="#ffffff" opacity="0.82"/>
|
|
<ellipse cx="250" cy="112" rx="150" ry="48" fill="#ffffff" opacity="0.58"/>
|
|
</g>
|
|
<g transform="translate(880,88) scale(0.95)">
|
|
<ellipse cx="160" cy="90" rx="112" ry="42" fill="#ffffff" opacity="0.82"/>
|
|
<ellipse cx="250" cy="82" rx="92" ry="36" fill="#ffffff" opacity="0.82"/>
|
|
<ellipse cx="95" cy="103" rx="78" ry="30" fill="#ffffff" opacity="0.8"/>
|
|
<ellipse cx="190" cy="112" rx="130" ry="44" fill="#ffffff" opacity="0.55"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Tiny distant birds -->
|
|
<g fill="none" stroke="#2b4c67" stroke-opacity="0.55" stroke-width="3" stroke-linecap="round">
|
|
<path d="M 1040 165 C 1050 158 1060 158 1070 165"/>
|
|
<path d="M 1075 165 C 1085 158 1095 158 1105 165"/>
|
|
<path d="M 980 200 C 990 194 1000 194 1010 200"/>
|
|
</g>
|
|
|
|
<!-- Sea -->
|
|
<g filter="url(#seaShimmer)">
|
|
<rect x="0" y="280" width="1400" height="360" fill="url(#seaGrad)"/>
|
|
</g>
|
|
|
|
<!-- Wave highlights -->
|
|
<g fill="none" stroke="#e8fbff" stroke-linecap="round" stroke-opacity="0.28">
|
|
<path d="M 70 380 C 170 355 270 355 370 380 S 570 405 670 380 S 870 355 970 380 S 1170 405 1270 380" stroke-width="4"/>
|
|
<path d="M 0 430 C 120 410 240 410 360 430 S 600 450 720 430 S 960 410 1080 430 S 1320 450 1440 430" stroke-width="3"/>
|
|
<path d="M 60 482 C 200 465 340 465 480 482 S 760 505 900 482 S 1180 465 1320 482" stroke-width="3"/>
|
|
<path d="M 110 535 C 250 520 390 520 530 535 S 810 555 950 535 S 1230 520 1370 535" stroke-width="3"/>
|
|
</g>
|
|
|
|
<!-- Beach + shoreline -->
|
|
<path d="M 0 560 C 240 515 520 540 760 560 C 1010 580 1190 560 1400 520 L 1400 800 L 0 800 Z" fill="url(#sandGrad)" filter="url(#grain)"/>
|
|
<path d="M 0 560 C 240 520 520 545 760 565 C 1010 585 1190 565 1400 525 L 1400 615 C 1180 650 980 660 760 650 C 510 640 260 640 0 690 Z" fill="url(#wetSandGrad)" opacity="0.95"/>
|
|
|
|
<!-- Foamy waterline -->
|
|
<g fill="none" stroke="#ffffff" stroke-opacity="0.55" stroke-linecap="round">
|
|
<path d="M 0 568 C 230 523 520 548 760 568 C 1015 589 1210 568 1400 529" stroke-width="7"/>
|
|
<path d="M 20 592 C 255 555 520 575 760 592 C 1015 610 1190 600 1380 565" stroke-width="3" stroke-opacity="0.28"/>
|
|
</g>
|
|
|
|
<!-- Foreground details: shells + pebbles -->
|
|
<g opacity="0.5" filter="url(#grain)">
|
|
<circle cx="128" cy="736" r="6" fill="#8a6a4d"/>
|
|
<circle cx="152" cy="748" r="4" fill="#7b5c42"/>
|
|
<path d="M 206 742 C 212 732 224 732 230 742 C 225 752 211 752 206 742 Z" fill="#a98563"/>
|
|
<path d="M 1040 728 C 1050 712 1070 714 1080 730 C 1068 748 1048 746 1040 728 Z" fill="#a47f5b" opacity="0.75"/>
|
|
<circle cx="1108" cy="748" r="5" fill="#7a5a40"/>
|
|
<circle cx="1134" cy="760" r="3" fill="#6a4c35"/>
|
|
</g>
|
|
|
|
<!-- Bicycle + pelican -->
|
|
<g transform="translate(0,0)" filter="url(#softShadow)">
|
|
<!-- Ground shadow -->
|
|
<ellipse cx="710" cy="770" rx="430" ry="58" fill="#1b1a1a" opacity="0.22"/>
|
|
|
|
<!-- Bicycle -->
|
|
<g id="bike" transform="translate(0,0)">
|
|
<!-- Wheels -->
|
|
<g id="wheelLeft" transform="translate(520,650)">
|
|
<circle r="118" fill="#151515"/>
|
|
<circle r="102" fill="url(#rimGrad)" opacity="0.95"/>
|
|
<circle r="84" fill="#232a2f" opacity="0.95"/>
|
|
<circle r="12" fill="#e9eff5"/>
|
|
<circle r="6" fill="#2a2a2a" opacity="0.8"/>
|
|
<g stroke="#f6fbff" stroke-opacity="0.55" stroke-width="2">
|
|
<line x1="0" y1="-82" x2="0" y2="82"/>
|
|
<line x1="-82" y1="0" x2="82" y2="0"/>
|
|
<line x1="-58" y1="-58" x2="58" y2="58"/>
|
|
<line x1="-58" y1="58" x2="58" y2="-58"/>
|
|
<line x1="-22" y1="-82" x2="22" y2="82" opacity="0.55"/>
|
|
<line x1="22" y1="-82" x2="-22" y2="82" opacity="0.55"/>
|
|
<line x1="-82" y1="-22" x2="82" y2="22" opacity="0.55"/>
|
|
<line x1="-82" y1="22" x2="82" y2="-22" opacity="0.55"/>
|
|
</g>
|
|
</g>
|
|
|
|
<g id="wheelRight" transform="translate(870,650)">
|
|
<circle r="118" fill="#151515"/>
|
|
<circle r="102" fill="url(#rimGrad)" opacity="0.95"/>
|
|
<circle r="84" fill="#232a2f" opacity="0.95"/>
|
|
<circle r="12" fill="#e9eff5"/>
|
|
<circle r="6" fill="#2a2a2a" opacity="0.8"/>
|
|
<g stroke="#f6fbff" stroke-opacity="0.55" stroke-width="2">
|
|
<line x1="0" y1="-82" x2="0" y2="82"/>
|
|
<line x1="-82" y1="0" x2="82" y2="0"/>
|
|
<line x1="-58" y1="-58" x2="58" y2="58"/>
|
|
<line x1="-58" y1="58" x2="58" y2="-58"/>
|
|
<line x1="-22" y1="-82" x2="22" y2="82" opacity="0.55"/>
|
|
<line x1="22" y1="-82" x2="-22" y2="82" opacity="0.55"/>
|
|
<line x1="-82" y1="-22" x2="82" y2="22" opacity="0.55"/>
|
|
<line x1="-82" y1="22" x2="82" y2="-22" opacity="0.55"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Frame -->
|
|
<g fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M 520 650 L 690 520 L 855 520 L 700 650 L 520 650"
|
|
stroke="url(#frameGrad)" stroke-width="16"/>
|
|
<path d="M 690 520 L 870 650" stroke="url(#frameGrad)" stroke-width="16"/>
|
|
<path d="M 700 650 L 855 520" stroke="url(#frameGrad)" stroke-width="16"/>
|
|
<!-- Highlight stroke -->
|
|
<path d="M 530 640 L 690 520 L 850 520"
|
|
stroke="#5cf0f5" stroke-opacity="0.35" stroke-width="5"/>
|
|
<path d="M 705 640 L 860 525" stroke="#5cf0f5" stroke-opacity="0.28" stroke-width="5"/>
|
|
</g>
|
|
|
|
<!-- Fork + handlebar -->
|
|
<g fill="none" stroke="#0f3947" stroke-width="12" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M 855 520 L 880 650"/>
|
|
<path d="M 830 500 C 860 480 900 480 930 500" />
|
|
</g>
|
|
<g fill="none" stroke="#dfe8ef" stroke-opacity="0.8" stroke-width="4" stroke-linecap="round">
|
|
<path d="M 832 498 C 860 484 902 484 928 498" />
|
|
</g>
|
|
|
|
<!-- Seat -->
|
|
<g transform="translate(690,520)">
|
|
<path d="M -48 -8 C -14 -28 30 -28 58 -10 C 48 10 10 18 -38 12 C -52 10 -56 0 -48 -8 Z"
|
|
fill="#1a1a1a"/>
|
|
<path d="M -12 6 L -2 58" stroke="#2a2a2a" stroke-width="10" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<!-- Crank + chain ring -->
|
|
<g>
|
|
<circle cx="700" cy="650" r="34" fill="#232a2f"/>
|
|
<circle cx="700" cy="650" r="22" fill="#e9eff5" opacity="0.92"/>
|
|
<circle cx="700" cy="650" r="10" fill="#2a2a2a" opacity="0.85"/>
|
|
<path d="M 700 650 L 758 632" stroke="#232a2f" stroke-width="10" stroke-linecap="round"/>
|
|
<path d="M 700 650 L 650 680" stroke="#232a2f" stroke-width="10" stroke-linecap="round"/>
|
|
<g>
|
|
<rect x="756" y="624" width="44" height="18" rx="6" fill="#31363b"/>
|
|
<rect x="646" y="672" width="42" height="18" rx="6" fill="#31363b"/>
|
|
<rect x="760" y="628" width="36" height="10" rx="5" fill="#dfe8ef" opacity="0.35"/>
|
|
<rect x="650" y="676" width="34" height="10" rx="5" fill="#dfe8ef" opacity="0.35"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Chain hint -->
|
|
<path d="M 705 670 C 760 680 820 682 870 670" fill="none" stroke="#141414" stroke-opacity="0.35" stroke-width="6" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<!-- Pelican -->
|
|
<g id="pelican" transform="translate(0,0)">
|
|
<!-- Back wing (behind body) -->
|
|
<path d="M 570 520
|
|
C 542 488 546 446 578 426
|
|
C 610 406 662 412 690 438
|
|
C 712 458 716 486 706 512
|
|
C 694 546 642 566 602 560
|
|
C 586 558 578 548 570 520 Z"
|
|
fill="url(#pelicanWingGrad)" opacity="0.78"/>
|
|
|
|
<!-- Body -->
|
|
<path d="M 560 520
|
|
C 548 468 582 420 648 410
|
|
C 712 400 770 432 792 492
|
|
C 816 558 768 612 690 618
|
|
C 614 624 572 586 560 520 Z"
|
|
fill="url(#pelicanBodyGrad)" stroke="#8f9aa4" stroke-opacity="0.55" stroke-width="3"/>
|
|
|
|
<!-- Belly shadow -->
|
|
<path d="M 592 540
|
|
C 604 580 638 604 690 604
|
|
C 742 604 776 576 788 540
|
|
C 768 596 728 636 680 636
|
|
C 630 636 604 600 592 540 Z"
|
|
fill="#5f6b76" opacity="0.12"/>
|
|
|
|
<!-- Front wing/arm to handlebar -->
|
|
<path d="M 640 470
|
|
C 722 450 792 456 866 496
|
|
C 898 514 914 530 922 544
|
|
C 908 556 886 554 858 538
|
|
C 800 504 742 492 680 506
|
|
C 656 512 638 504 630 492
|
|
C 624 482 628 474 640 470 Z"
|
|
fill="url(#pelicanWingGrad)" stroke="#7f8a95" stroke-opacity="0.38" stroke-width="2"/>
|
|
<path d="M 690 490 C 754 482 816 496 876 528" fill="none" stroke="#f7fbff" stroke-opacity="0.28" stroke-width="5" stroke-linecap="round"/>
|
|
|
|
<!-- Neck -->
|
|
<path d="M 716 430
|
|
C 740 410 756 386 764 350
|
|
C 772 314 760 294 734 296
|
|
C 704 298 690 328 694 360
|
|
C 698 392 708 414 716 430 Z"
|
|
fill="url(#pelicanBodyGrad)" stroke="#8f9aa4" stroke-opacity="0.55" stroke-width="3"/>
|
|
|
|
<!-- Head -->
|
|
<path d="M 722 308
|
|
C 736 288 764 284 784 298
|
|
C 804 312 806 340 790 358
|
|
C 772 378 742 376 726 356
|
|
C 712 338 710 324 722 308 Z"
|
|
fill="url(#pelicanBodyGrad)" stroke="#8f9aa4" stroke-opacity="0.55" stroke-width="3"/>
|
|
|
|
<!-- Eye -->
|
|
<circle cx="774" cy="328" r="8" fill="#182128"/>
|
|
<circle cx="777" cy="325" r="3" fill="#ffffff" opacity="0.85"/>
|
|
|
|
<!-- Beak upper -->
|
|
<path d="M 792 332
|
|
C 858 314 930 320 998 340
|
|
C 1022 348 1040 360 1048 370
|
|
C 1038 380 1018 386 990 386
|
|
C 918 386 850 374 794 356
|
|
C 782 352 780 336 792 332 Z"
|
|
fill="url(#beakGrad)" stroke="#8c5d1c" stroke-opacity="0.35" stroke-width="3"/>
|
|
<!-- Beak highlight -->
|
|
<path d="M 804 342
|
|
C 870 326 935 334 996 352"
|
|
fill="none" stroke="#fff7d1" stroke-opacity="0.28" stroke-width="6" stroke-linecap="round"/>
|
|
|
|
<!-- Pouch -->
|
|
<path d="M 794 356
|
|
C 850 382 910 398 978 400
|
|
C 1010 402 1028 410 1038 424
|
|
C 1020 448 988 460 952 458
|
|
C 890 454 834 428 792 392
|
|
C 770 374 772 362 794 356 Z"
|
|
fill="url(#pouchGrad)" stroke="#a96a5f" stroke-opacity="0.35" stroke-width="3"/>
|
|
<path d="M 812 386 C 866 422 916 440 966 440" fill="none" stroke="#ffffff" stroke-opacity="0.18" stroke-width="6" stroke-linecap="round"/>
|
|
|
|
<!-- Legs -->
|
|
<g fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M 670 614 C 686 640 706 650 728 650" stroke="#5a6470" stroke-width="10" opacity="0.85"/>
|
|
<path d="M 640 612 C 648 638 660 664 684 680" stroke="#5a6470" stroke-width="10" opacity="0.85"/>
|
|
</g>
|
|
|
|
<!-- Feet on pedals -->
|
|
<path d="M 716 650 C 734 642 752 642 768 650 C 754 664 734 668 716 662 Z" fill="#2a2f35" opacity="0.9"/>
|
|
<path d="M 666 678 C 682 668 702 670 714 682 C 700 694 682 698 666 692 Z" fill="#2a2f35" opacity="0.9"/>
|
|
|
|
<!-- Subtle feather texture lines -->
|
|
<g fill="none" stroke="#7b8792" stroke-opacity="0.18" stroke-width="3" stroke-linecap="round">
|
|
<path d="M 604 474 C 636 458 672 454 708 466"/>
|
|
<path d="M 596 504 C 632 492 674 490 716 502"/>
|
|
<path d="M 600 532 C 646 524 692 528 736 544"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Sand kick-up behind back wheel -->
|
|
<g opacity="0.35" filter="url(#grain)">
|
|
<path d="M 440 690
|
|
C 420 680 405 662 410 646
|
|
C 430 656 450 662 476 664
|
|
C 458 676 448 684 440 690 Z" fill="#d7b287"/>
|
|
<path d="M 460 710
|
|
C 444 704 432 694 432 682
|
|
C 450 686 468 690 492 690
|
|
C 478 700 468 706 460 710 Z" fill="#caa076"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Edge vignette -->
|
|
<rect x="0" y="0" width="1400" height="800" fill="#0b1420" opacity="0.18" mask="url(#vignette)"/>
|
|
</svg>
|