358 lines
21 KiB
XML
358 lines
21 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900" role="img" aria-labelledby="title desc">
|
|
<title id="title">海边骑自行车的鹈鹕</title>
|
|
<desc id="desc">一只羽毛细腻的鹈鹕迎着海风骑行在金色海岸小路上，青绿色海浪、暖阳、海鸥和摇曳的沙丘草环绕四周。</desc>
|
|
|
|
<defs>
|
|
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#51b7d4"/>
|
|
<stop offset=".5" stop-color="#9fdfeb"/>
|
|
<stop offset="1" stop-color="#ffd7aa"/>
|
|
</linearGradient>
|
|
<radialGradient id="sun" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0" stop-color="#fffde4"/>
|
|
<stop offset=".48" stop-color="#ffe989" stop-opacity=".95"/>
|
|
<stop offset="1" stop-color="#ffbf61" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="ocean" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#267f98"/>
|
|
<stop offset=".46" stop-color="#0a8f9c"/>
|
|
<stop offset="1" stop-color="#35b9ad"/>
|
|
</linearGradient>
|
|
<linearGradient id="waterShine" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#fff5c9" stop-opacity=".8"/>
|
|
<stop offset=".52" stop-color="#e9ffff" stop-opacity=".24"/>
|
|
<stop offset="1" stop-color="#d7ffff" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<linearGradient id="headland" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#66856f"/>
|
|
<stop offset="1" stop-color="#314f4a"/>
|
|
</linearGradient>
|
|
<linearGradient id="sand" x1="0" y1="0" x2=".9" y2="1">
|
|
<stop offset="0" stop-color="#f5ca83"/>
|
|
<stop offset=".55" stop-color="#d9a45e"/>
|
|
<stop offset="1" stop-color="#b67945"/>
|
|
</linearGradient>
|
|
<linearGradient id="path" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#dfc49c"/>
|
|
<stop offset="1" stop-color="#ac805e"/>
|
|
</linearGradient>
|
|
<linearGradient id="frame" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#21aeb0"/>
|
|
<stop offset=".55" stop-color="#08737b"/>
|
|
<stop offset="1" stop-color="#034b55"/>
|
|
</linearGradient>
|
|
<linearGradient id="metal" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#f8ffff"/>
|
|
<stop offset=".32" stop-color="#9ebabe"/>
|
|
<stop offset=".68" stop-color="#526f73"/>
|
|
<stop offset="1" stop-color="#e2eeee"/>
|
|
</linearGradient>
|
|
<linearGradient id="bodyFeathers" x1=".2" y1="0" x2=".85" y2="1">
|
|
<stop offset="0" stop-color="#fffdf2"/>
|
|
<stop offset=".44" stop-color="#f6f1dc"/>
|
|
<stop offset=".78" stop-color="#cbd8d6"/>
|
|
<stop offset="1" stop-color="#8da6a8"/>
|
|
</linearGradient>
|
|
<linearGradient id="wingFeathers" x1=".25" y1="0" x2=".8" y2="1">
|
|
<stop offset="0" stop-color="#f8f1dc"/>
|
|
<stop offset=".48" stop-color="#c6d1cc"/>
|
|
<stop offset="1" stop-color="#667f82"/>
|
|
</linearGradient>
|
|
<linearGradient id="neckFeathers" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#fffdf0"/>
|
|
<stop offset=".58" stop-color="#eee7ce"/>
|
|
<stop offset="1" stop-color="#aebfc0"/>
|
|
</linearGradient>
|
|
<linearGradient id="beak" x1="0" y1="0" x2="1" y2=".2">
|
|
<stop offset="0" stop-color="#f5c55a"/>
|
|
<stop offset=".5" stop-color="#ef9544"/>
|
|
<stop offset=".86" stop-color="#d7603e"/>
|
|
<stop offset="1" stop-color="#7f3f38"/>
|
|
</linearGradient>
|
|
<linearGradient id="pouch" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#ffc267" stop-opacity=".93"/>
|
|
<stop offset=".62" stop-color="#ec7546" stop-opacity=".9"/>
|
|
<stop offset="1" stop-color="#b94d3d" stop-opacity=".86"/>
|
|
</linearGradient>
|
|
<linearGradient id="leg" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0" stop-color="#bf573b"/>
|
|
<stop offset=".48" stop-color="#e88a4c"/>
|
|
<stop offset="1" stop-color="#9b4337"/>
|
|
</linearGradient>
|
|
<radialGradient id="eye" cx="35%" cy="30%" r="65%">
|
|
<stop offset="0" stop-color="#ffd56b"/>
|
|
<stop offset=".46" stop-color="#b47227"/>
|
|
<stop offset=".5" stop-color="#161716"/>
|
|
<stop offset="1" stop-color="#050707"/>
|
|
</radialGradient>
|
|
<linearGradient id="tire" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#18282b"/>
|
|
<stop offset=".5" stop-color="#071114"/>
|
|
<stop offset="1" stop-color="#34484a"/>
|
|
</linearGradient>
|
|
|
|
<filter id="sunGlow" x="-100%" y="-100%" width="300%" height="300%">
|
|
<feGaussianBlur stdDeviation="16"/>
|
|
</filter>
|
|
<filter id="softShadow" x="-30%" y="-50%" width="160%" height="220%">
|
|
<feGaussianBlur stdDeviation="16"/>
|
|
</filter>
|
|
<filter id="objectShadow" x="-25%" y="-25%" width="160%" height="170%">
|
|
<feDropShadow dx="0" dy="12" stdDeviation="10" flood-color="#153c40" flood-opacity=".28"/>
|
|
</filter>
|
|
<filter id="featherShadow" x="-20%" y="-20%" width="150%" height="155%">
|
|
<feDropShadow dx="2" dy="7" stdDeviation="5" flood-color="#36585a" flood-opacity=".25"/>
|
|
</filter>
|
|
<filter id="mist" x="-20%" y="-100%" width="140%" height="300%">
|
|
<feGaussianBlur stdDeviation="9"/>
|
|
</filter>
|
|
<filter id="grain" x="0" y="0" width="100%" height="100%">
|
|
<feTurbulence type="fractalNoise" baseFrequency=".65" numOctaves="2" seed="8" result="noise"/>
|
|
<feColorMatrix in="noise" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .035 0"/>
|
|
</filter>
|
|
|
|
<clipPath id="seaClip">
|
|
<path d="M0 322H1600V624C1290 575 910 572 566 602 345 621 147 647 0 670Z"/>
|
|
</clipPath>
|
|
|
|
<g id="wheel">
|
|
<circle r="155" fill="none" stroke="url(#tire)" stroke-width="18"/>
|
|
<circle r="145.5" fill="none" stroke="#7e9799" stroke-width="4"/>
|
|
<circle r="140" fill="none" stroke="#d7e4e3" stroke-width="2.5"/>
|
|
<g fill="none" stroke="#b8cccd" stroke-width="2" stroke-opacity=".78">
|
|
<path d="M0-140V140M-140 0H140"/>
|
|
<path d="M0-140V140M-140 0H140" transform="rotate(30)"/>
|
|
<path d="M0-140V140M-140 0H140" transform="rotate(60)"/>
|
|
<path d="M0-140V140M-140 0H140" transform="rotate(15)"/>
|
|
<path d="M0-140V140M-140 0H140" transform="rotate(45)"/>
|
|
<path d="M0-140V140M-140 0H140" transform="rotate(75)"/>
|
|
</g>
|
|
<circle r="16" fill="url(#metal)" stroke="#3b5b60" stroke-width="5"/>
|
|
<path d="M-2-147h22l-2 8H1Z" fill="#ffcf49" stroke="#9e6a1d" stroke-width="2"/>
|
|
<path d="M-4 139h22l3 8H-2Z" fill="#f35f48" stroke="#88372f" stroke-width="2"/>
|
|
<path d="M-112-94a145 145 0 0 1 84-47" fill="none" stroke="#f2ffff" stroke-width="5" stroke-linecap="round" opacity=".6"/>
|
|
</g>
|
|
|
|
<g id="tuft" fill="none" stroke-linecap="round">
|
|
<path d="M0 32Q-3 9-20-9M3 32Q12 4 30-18M-1 31Q-20 15-34 7M3 31Q3 6 1-21" stroke="#426b4a" stroke-width="7"/>
|
|
<path d="M0 31Q8 7 18-7M-2 30Q-12 12-24 4" stroke="#85a65d" stroke-width="3"/>
|
|
</g>
|
|
</defs>
|
|
|
|
<style>
|
|
.wheel-spin { transform-origin: 0 0; animation: wheel-turn 2.5s linear infinite; }
|
|
.wave-drift { animation: wave-slide 5.5s ease-in-out infinite alternate; }
|
|
.grass-sway { transform-box: fill-box; transform-origin: 50% 100%; animation: sway 2.8s ease-in-out infinite alternate; }
|
|
.grass-sway.slow { animation-duration: 4.2s; animation-delay: -1.4s; }
|
|
.pelican-bob { animation: bob 1.25s ease-in-out infinite alternate; }
|
|
.scarf-tail { transform-box: fill-box; transform-origin: 100% 50%; animation: scarf 1.7s ease-in-out infinite alternate; }
|
|
@keyframes wheel-turn { to { transform: rotate(360deg); } }
|
|
@keyframes wave-slide { to { transform: translateX(20px); } }
|
|
@keyframes sway { to { transform: rotate(4deg); } }
|
|
@keyframes bob { to { transform: translateY(-3px); } }
|
|
@keyframes scarf { to { transform: rotate(-3deg) scaleX(1.035); } }
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.wheel-spin, .wave-drift, .grass-sway, .pelican-bob, .scarf-tail { animation: none; }
|
|
}
|
|
</style>
|
|
|
|
<g id="background" aria-hidden="true">
|
|
<rect width="1600" height="900" fill="url(#sky)"/>
|
|
<circle cx="230" cy="165" r="150" fill="url(#sun)" filter="url(#sunGlow)" opacity=".9"/>
|
|
<circle cx="230" cy="165" r="55" fill="#fff3ac" opacity=".88"/>
|
|
|
|
<g fill="#fff" opacity=".48" filter="url(#mist)">
|
|
<path d="M80 244c27-33 78-35 108-7 41-36 112-18 119 35H58c1-12 9-23 22-28Z"/>
|
|
<path d="M1110 177c21-28 67-32 94-6 36-29 94-12 101 34h-216c1-12 9-23 21-28Z"/>
|
|
<path d="M1334 276c18-24 54-26 75-5 29-24 77-9 83 29h-176c1-10 7-18 18-24Z"/>
|
|
</g>
|
|
|
|
<path d="M0 322H1600V624C1290 575 910 572 566 602 345 621 147 647 0 670Z" fill="url(#ocean)"/>
|
|
<path d="M0 335C275 326 511 340 760 330s534-12 840 5" fill="none" stroke="#efffff" stroke-width="5" opacity=".62"/>
|
|
<path d="M0 345C356 330 664 350 951 340c224-8 423-3 649 3" fill="none" stroke="#174f68" stroke-width="3" opacity=".25"/>
|
|
|
|
<path d="M125 340c56 38 119 116 178 244l-197 46-148 11V368c55-27 106-35 167-28Z" fill="url(#headland)"/>
|
|
<path d="M-10 374c58-41 99-41 133-32 42 13 70 40 94 79-75-37-151-35-227-10Z" fill="#739777"/>
|
|
<path d="M-5 405c73-26 143-21 214 17-79-14-146-5-214 23Z" fill="#3f6c5c" opacity=".7"/>
|
|
|
|
<g clip-path="url(#seaClip)">
|
|
<path d="M118 350 279 350 529 606 344 625Z" fill="url(#waterShine)" opacity=".75"/>
|
|
<g class="wave-drift" fill="none" stroke-linecap="round">
|
|
<path d="M282 405c72-22 131 17 202-3 67-18 112-18 176 1" stroke="#b7eff0" stroke-width="8" opacity=".38"/>
|
|
<path d="M794 390c95 24 179-17 268 3 78 18 130 17 208-2" stroke="#c8f5f2" stroke-width="7" opacity=".36"/>
|
|
<path d="M100 476c91-22 169 21 260-3 81-21 145-14 220 5" stroke="#e4ffff" stroke-width="10" opacity=".48"/>
|
|
<path d="M658 496c109-31 189 27 301-3 86-23 165-12 258 8" stroke="#d8ffff" stroke-width="11" opacity=".5"/>
|
|
<path d="M1115 444c80-22 152 20 238-2 75-20 140-12 207 5" stroke="#e6ffff" stroke-width="8" opacity=".43"/>
|
|
<path d="M-42 562c128-42 225 39 347 2 105-31 200-21 307 6" stroke="#f4ffff" stroke-width="15" opacity=".58"/>
|
|
<path d="M817 560c132-41 244 35 376-4 120-35 228-14 355 17" stroke="#efffff" stroke-width="14" opacity=".56"/>
|
|
</g>
|
|
<g fill="#eaffff" opacity=".64">
|
|
<circle cx="696" cy="487" r="5"/><circle cx="718" cy="475" r="3"/><circle cx="746" cy="488" r="4"/>
|
|
<circle cx="1219" cy="540" r="6"/><circle cx="1247" cy="527" r="3"/><circle cx="1280" cy="542" r="5"/>
|
|
</g>
|
|
</g>
|
|
|
|
<g stroke="#2c5960" stroke-width="5" fill="none" stroke-linecap="round" opacity=".72">
|
|
<path d="M436 218q18-18 36 0 18-18 36 0"/>
|
|
<path d="M1298 148q15-14 30 0 15-14 30 0"/>
|
|
<path d="M1383 244q11-11 22 0 11-11 22 0"/>
|
|
</g>
|
|
|
|
<g transform="translate(483 371)" opacity=".7">
|
|
<path d="M0 0h55" stroke="#5d4c3c" stroke-width="3"/>
|
|
<path d="M25-2v-54l36 43H25Z" fill="#fff7de" stroke="#b68155" stroke-width="2"/>
|
|
<path d="M25-2v-45L-5-11h30Z" fill="#f27654" stroke="#9c523f" stroke-width="2"/>
|
|
<path d="M4 2q23 13 50 0" fill="#745347"/>
|
|
</g>
|
|
|
|
<path d="M0 621C286 586 594 567 881 561c264-6 495-27 719-68v407H0Z" fill="url(#sand)"/>
|
|
<path d="M0 676c369-55 697-58 1000-64 247-5 422-33 600-76v364H0Z" fill="url(#path)"/>
|
|
<path d="M0 659c415-54 756-50 1057-59 223-7 377-35 543-73" fill="none" stroke="#fff0c5" stroke-width="11" opacity=".64"/>
|
|
<path d="M0 704c329-48 656-42 949-43 261 0 439-39 651-80" fill="none" stroke="#8e654c" stroke-width="4" stroke-dasharray="25 38" opacity=".3"/>
|
|
<path d="M80 775c301-40 577-39 866-35 250 4 421-30 633-75" fill="none" stroke="#f5d6a3" stroke-width="7" stroke-dasharray="12 45" opacity=".45"/>
|
|
|
|
<g opacity=".58" fill="#7b5a43">
|
|
<ellipse cx="266" cy="726" rx="10" ry="4" transform="rotate(-14 266 726)"/>
|
|
<ellipse cx="330" cy="810" rx="7" ry="3" transform="rotate(24 330 810)"/>
|
|
<ellipse cx="1335" cy="728" rx="11" ry="4" transform="rotate(-6 1335 728)"/>
|
|
<ellipse cx="1490" cy="641" rx="8" ry="3" transform="rotate(16 1490 641)"/>
|
|
</g>
|
|
<rect width="1600" height="900" filter="url(#grain)" opacity=".65"/>
|
|
</g>
|
|
|
|
<g id="ground-details" aria-hidden="true">
|
|
<g transform="translate(78 650) scale(1.5)" class="grass-sway slow"><use href="#tuft"/></g>
|
|
<g transform="translate(196 637) scale(1.15)" class="grass-sway"><use href="#tuft"/></g>
|
|
<g transform="translate(1440 574) scale(.88)" class="grass-sway slow"><use href="#tuft"/></g>
|
|
<g transform="translate(1519 552) scale(1.06)" class="grass-sway"><use href="#tuft"/></g>
|
|
<path d="M214 664q21-27 37-1M1474 590q16-24 33-1" fill="none" stroke="#e9c660" stroke-width="6" stroke-linecap="round"/>
|
|
|
|
<ellipse cx="842" cy="838" rx="454" ry="42" fill="#31565a" opacity=".22" filter="url(#softShadow)"/>
|
|
<ellipse cx="560" cy="839" rx="96" ry="13" fill="#2e4c4c" opacity=".25" filter="url(#softShadow)"/>
|
|
<ellipse cx="1110" cy="839" rx="96" ry="13" fill="#2e4c4c" opacity=".25" filter="url(#softShadow)"/>
|
|
<path d="M355 832q-86 8-148 1M358 807q-53-4-96-19M1292 816q71-5 130-25" fill="none" stroke="#87634e" stroke-width="7" stroke-linecap="round" opacity=".48"/>
|
|
</g>
|
|
|
|
<g id="bicycle" filter="url(#objectShadow)">
|
|
<g transform="translate(560 680)">
|
|
<g class="wheel-spin"><use href="#wheel"/></g>
|
|
</g>
|
|
<g transform="translate(1110 680)">
|
|
<g class="wheel-spin"><use href="#wheel"/></g>
|
|
</g>
|
|
|
|
<g fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M560 680 790 681 735 522 560 680Z" stroke="url(#frame)" stroke-width="21"/>
|
|
<path d="M790 681 972 548 735 522Z" stroke="url(#frame)" stroke-width="21"/>
|
|
<path d="M790 681 1110 680" stroke="url(#frame)" stroke-width="18"/>
|
|
<path d="M972 548 1110 680" stroke="url(#metal)" stroke-width="17"/>
|
|
<path d="M958 520 1110 680" stroke="#075d66" stroke-width="9"/>
|
|
<path d="M735 522 714 476" stroke="#294d51" stroke-width="16"/>
|
|
<path d="M958 521 983 472 1045 471" stroke="url(#metal)" stroke-width="13"/>
|
|
<path d="M1016 471h48" stroke="#363c3c" stroke-width="18"/>
|
|
<path d="M1039 471h29" stroke="#f08b48" stroke-width="12"/>
|
|
<path d="M1027 463c36 22 47 62 31 101" stroke="#263e42" stroke-width="4"/>
|
|
</g>
|
|
|
|
<path d="M675 473q48-14 105 1c8 2 10 12 3 18-33 15-76 15-111 4-12-4-10-20 3-23Z" fill="#4d3930" stroke="#251d1b" stroke-width="6"/>
|
|
<path d="M688 480q38-8 77 1" fill="none" stroke="#ac7b5c" stroke-width="4" opacity=".7"/>
|
|
|
|
<g transform="translate(790 681)">
|
|
<circle r="38" fill="#214d52" stroke="url(#metal)" stroke-width="7"/>
|
|
<circle r="14" fill="#d6e1dd" stroke="#435c5f" stroke-width="5"/>
|
|
<g class="wheel-spin">
|
|
<path d="M0 0 63-38M0 0l-63 38" stroke="url(#metal)" stroke-width="9" stroke-linecap="round"/>
|
|
<path d="M54-44h45" stroke="#273a3c" stroke-width="12" stroke-linecap="round"/>
|
|
<path d="M-98 44h45" stroke="#273a3c" stroke-width="12" stroke-linecap="round"/>
|
|
</g>
|
|
</g>
|
|
<path d="M790 681Q672 692 560 680" fill="none" stroke="#3b2e28" stroke-width="7" stroke-dasharray="7 5"/>
|
|
<circle cx="1042" cy="489" r="14" fill="#ffd34f" stroke="#8a6122" stroke-width="5"/>
|
|
<path d="M1039 487q-15-19-29-2" fill="none" stroke="#8a6122" stroke-width="4"/>
|
|
</g>
|
|
|
|
<g id="pelican" class="pelican-bob">
|
|
<g id="legs" fill="url(#leg)" stroke="#8a4438" stroke-width="5" stroke-linejoin="round">
|
|
<path d="M737 582c-5 42-2 85 11 126l25-8c-5-37-5-78 3-111Z"/>
|
|
<path d="M834 582c2 25 9 48 20 70l24-12c-7-23-9-45-6-67Z"/>
|
|
<path d="M741 705c-9 8-21 16-35 23 22 10 45 11 68 0l-2-27Z"/>
|
|
<path d="M850 648c11 6 25 9 43 10-12-17-26-27-42-30Z"/>
|
|
</g>
|
|
<g fill="none" stroke="#713b33" stroke-width="3" stroke-linecap="round" opacity=".72">
|
|
<path d="M716 724q19-7 55-2M735 712l-17 14M750 710l-8 19M864 643l17 12M850 645l28 5"/>
|
|
</g>
|
|
|
|
<g id="body" filter="url(#featherShadow)">
|
|
<path d="M572 550c11-80 74-139 165-151 95-13 187 28 217 101 25 61-13 125-99 153-82 27-190 11-254-33-28-19-39-43-29-70Z" fill="url(#bodyFeathers)" stroke="#768e90" stroke-width="5"/>
|
|
<path d="M585 528c-29 5-57 20-86 50 34 3 60 11 79 30 21-13 36-33 43-60Z" fill="#b7c8c5" stroke="#6f8888" stroke-width="5"/>
|
|
<path d="M522 573c-28-1-50 5-72 17 30 6 49 16 66 31 22-8 41-22 54-40Z" fill="#718c8c"/>
|
|
<path d="M655 452c58-34 139-23 184 20 33 31 42 74 22 111-22 41-74 62-129 48-64-16-115-68-121-117-3-26 13-47 44-62Z" fill="url(#wingFeathers)" stroke="#718789" stroke-width="5"/>
|
|
<g fill="none" stroke-linecap="round">
|
|
<path d="M653 486q89 12 175 89" stroke="#7f9697" stroke-width="7" opacity=".66"/>
|
|
<path d="M638 511q86 20 166 93" stroke="#799091" stroke-width="7" opacity=".64"/>
|
|
<path d="M643 540q65 26 123 79" stroke="#6f8788" stroke-width="6" opacity=".62"/>
|
|
<path d="M683 460q80 33 138 91" stroke="#eff3e6" stroke-width="5" opacity=".65"/>
|
|
<path d="M706 447q-8 34 12 56M746 451q-4 34 22 62M786 467q1 33 25 54" stroke="#fff9e6" stroke-width="5" opacity=".6"/>
|
|
</g>
|
|
<g fill="#f7f1dc" opacity=".9">
|
|
<path d="M601 555q23-19 48-6-18 5-25 24Z"/>
|
|
<path d="M616 584q25-20 50-5-18 5-26 23Z"/>
|
|
<path d="M657 611q25-19 49-4-18 5-25 22Z"/>
|
|
<path d="M861 581q24-16 45-1-17 4-24 19Z"/>
|
|
<path d="M823 613q22-15 44-1-16 5-22 18Z"/>
|
|
</g>
|
|
</g>
|
|
|
|
<g id="neck-and-head" filter="url(#featherShadow)">
|
|
<path d="M840 466c3-56 8-112 42-160 22-31 47-52 84-70 56-26 120-7 145 42 18 35 9 77-22 104-25 22-59 27-88 42-36 18-49 54-45 101-43 4-84-16-116-59Z" fill="url(#neckFeathers)" stroke="#879b9b" stroke-width="5"/>
|
|
<path d="M890 444c0-68 19-124 67-163" fill="none" stroke="#fffdf0" stroke-width="24" stroke-linecap="round" opacity=".64"/>
|
|
<path d="M917 281c-13-33 1-68 34-86 49-27 116-13 145 29 19 27 19 62 1 87-21 29-58 40-96 30-38-9-70-31-84-60Z" fill="url(#neckFeathers)" stroke="#829798" stroke-width="5"/>
|
|
<path d="M957 202c21-27 62-36 96-18 14 8 26 19 33 32-36-9-68-3-99 18Z" fill="#f3d885" opacity=".9"/>
|
|
<path d="M947 207q27-39 61-45l-8 29q28-28 59-25l-16 30q31-19 55-8l-28 30Z" fill="#fff8d8" stroke="#9b9d8f" stroke-width="4" stroke-linejoin="round"/>
|
|
|
|
<path d="M1056 248c101-9 220 2 337 25 21 4 29 22 15 35-19 18-61 25-113 22l-219-15c-28-2-45-17-43-38 1-14 9-24 23-29Z" fill="url(#beak)" stroke="#8b4e3d" stroke-width="5"/>
|
|
<path d="M1050 282c95 11 204 17 333 19-23 34-76 52-151 44l-138-16c-30-4-49-20-52-40Z" fill="url(#pouch)" stroke="#a95342" stroke-width="5"/>
|
|
<path d="M1065 279c102 7 207 14 317 21" fill="none" stroke="#fff0b4" stroke-width="5" stroke-linecap="round" opacity=".72"/>
|
|
<path d="M1393 273c15 2 25 9 27 19-2 17-19 27-51 31 20-11 29-26 24-50Z" fill="#6f3d38"/>
|
|
<path d="M1079 314q86 18 167 22" fill="none" stroke="#9b443b" stroke-width="4" opacity=".58"/>
|
|
|
|
<path d="M1033 238c7-14 25-20 39-12 12 7 15 23 7 34-9 12-27 13-38 3-7-6-10-16-8-25Z" fill="#e9bf57" stroke="#6f6752" stroke-width="4"/>
|
|
<circle cx="1058" cy="244" r="8" fill="url(#eye)"/>
|
|
<circle cx="1061" cy="241" r="2.4" fill="#fff"/>
|
|
<path d="M1040 225q19-11 35 3" fill="none" stroke="#6d6150" stroke-width="5" stroke-linecap="round"/>
|
|
<path d="M1100 264q18-7 34 2-16 3-31 1Z" fill="#7f4d3d" opacity=".78"/>
|
|
<g fill="none" stroke="#9cacab" stroke-width="4" stroke-linecap="round" opacity=".67">
|
|
<path d="M866 369q31 14 56 3M855 395q35 16 65 6M854 425q31 17 64 10"/>
|
|
</g>
|
|
</g>
|
|
|
|
<g id="reaching-wing" filter="url(#featherShadow)">
|
|
<path d="M827 466c45-10 88-1 124 26 27 20 53 32 90 35 18 2 28 16 23 30-6 17-30 24-61 17-42-10-78-25-111-47-31-20-53-38-65-61Z" fill="url(#wingFeathers)" stroke="#6f8587" stroke-width="5"/>
|
|
<path d="M891 486q60 53 142 61" fill="none" stroke="#ecf0e3" stroke-width="7" stroke-linecap="round" opacity=".68"/>
|
|
<path d="M1035 530q22-6 40 11-15 2-22 16 17-2 30 11-25 16-54 1Z" fill="#b5c3bd" stroke="#687e80" stroke-width="4"/>
|
|
<path d="M921 509q8 25 36 46M947 522q11 22 36 39" fill="none" stroke="#728789" stroke-width="5" opacity=".65"/>
|
|
</g>
|
|
|
|
<g id="scarf">
|
|
<path d="M871 337q55 20 110 4l8 28q-66 25-128-5Z" fill="#e9524b" stroke="#993b3b" stroke-width="5"/>
|
|
<g class="scarf-tail">
|
|
<path d="M872 349c-73 7-116-3-157-32 19 30 42 47 71 56-32 4-65-1-98-15 47 50 113 60 190 23Z" fill="#ef5d4f" stroke="#9b3f3a" stroke-width="5"/>
|
|
<path d="M722 331q56 35 145 31" fill="none" stroke="#ff9a6f" stroke-width="6" opacity=".65"/>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
|
|
<g id="foreground" aria-hidden="true">
|
|
<g transform="translate(25 865) scale(2.25)" class="grass-sway slow"><use href="#tuft"/></g>
|
|
<g transform="translate(139 882) scale(1.75)" class="grass-sway"><use href="#tuft"/></g>
|
|
<g transform="translate(1450 872) scale(2.1)" class="grass-sway slow"><use href="#tuft"/></g>
|
|
<g transform="translate(1555 858) scale(1.6)" class="grass-sway"><use href="#tuft"/></g>
|
|
<path d="M0 870q69-27 137-5t138-2q78-28 163 11L438 900H0Z" fill="#815e45" opacity=".46"/>
|
|
<path d="M1268 879q68-28 130-10t101-4q54-24 101 3v32h-332Z" fill="#815e45" opacity=".42"/>
|
|
<g fill="#f8ffff" opacity=".72">
|
|
<circle cx="1510" cy="505" r="5"/><circle cx="1535" cy="488" r="3"/><circle cx="1483" cy="521" r="4"/>
|
|
<circle cx="326" cy="583" r="4"/><circle cx="349" cy="569" r="2.5"/><circle cx="370" cy="582" r="3.5"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|