查看 SVG 源码
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 700" width="900" height="700" role="img">
<title>A pelican riding a bicycle</title>
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#aadcf0"></stop>
<stop offset="1" stop-color="#e3f6fd"></stop>
</linearGradient>
</defs>
<rect width="900" height="700" fill="url(#sky)"></rect>
<circle cx="795" cy="95" r="62" fill="#ffe27a" opacity="0.5"></circle>
<circle cx="795" cy="95" r="44" fill="#ffd23f"></circle>
<g fill="#ffffff" opacity="0.92">
<ellipse cx="140" cy="105" rx="52" ry="20"></ellipse>
<ellipse cx="180" cy="90" rx="40" ry="17"></ellipse>
<ellipse cx="105" cy="92" rx="32" ry="14"></ellipse>
<ellipse cx="600" cy="65" rx="44" ry="16"></ellipse>
<ellipse cx="636" cy="76" rx="32" ry="13"></ellipse>
<ellipse cx="572" cy="78" rx="26" ry="11"></ellipse>
</g>
<rect x="0" y="615" width="900" height="85" fill="#7cc24c"></rect>
<rect x="0" y="615" width="900" height="10" fill="#68b03c"></rect>
<ellipse cx="425" cy="623" rx="255" ry="10" fill="#000000" opacity="0.14"></ellipse>
<g stroke="#4e9a2e" stroke-width="3" stroke-linecap="round" fill="none">
<path d="M95,628 q4,-14 8,0"></path>
<path d="M700,632 q4,-14 8,0"></path>
<path d="M820,626 q4,-14 8,0"></path>
<path d="M250,642 q4,-14 8,0"></path>
</g>
<g>
<circle cx="120" cy="660" r="7" fill="#ff8fb1"></circle><circle cx="120" cy="660" r="3" fill="#fff3b0"></circle>
<circle cx="770" cy="665" r="7" fill="#ff8fb1"></circle><circle cx="770" cy="665" r="3" fill="#fff3b0"></circle>
<circle cx="480" cy="668" r="6" fill="#ffd23f"></circle><circle cx="480" cy="668" r="2.5" fill="#ffffff"></circle>
</g>
<g stroke="#ffffff" stroke-width="6" stroke-linecap="round" opacity="0.75">
<line x1="56" y1="430" x2="122" y2="430"></line>
<line x1="36" y1="468" x2="108" y2="468"></line>
<line x1="62" y1="505" x2="126" y2="505"></line>
</g>
<line x1="400" y1="522" x2="366" y2="488" stroke="#2f3d45" stroke-width="7" stroke-linecap="round"></line>
<rect x="350" y="483" width="32" height="9" rx="2.5" fill="#263238"></rect>
<polyline points="348,330 382,402 364,486" fill="none" stroke="#37474f" stroke-width="17" stroke-linecap="round" stroke-linejoin="round"></polyline>
<polyline points="348,330 382,402 364,486" fill="none" stroke="#d9822a" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"></polyline>
<path d="M356,485 C374,476 390,476 398,482 L382,496 C373,492 364,489 356,485 Z" fill="#d9822a" stroke="#37474f" stroke-width="3" stroke-linejoin="round"></path>
<g>
<g stroke="#8fa6b0" stroke-width="3">
<line x1="230" y1="446" x2="230" y2="598"></line>
<line x1="230" y1="446" x2="230" y2="598" transform="rotate(30 230 522)"></line>
<line x1="230" y1="446" x2="230" y2="598" transform="rotate(60 230 522)"></line>
<line x1="230" y1="446" x2="230" y2="598" transform="rotate(90 230 522)"></line>
<line x1="230" y1="446" x2="230" y2="598" transform="rotate(120 230 522)"></line>
<line x1="230" y1="446" x2="230" y2="598" transform="rotate(150 230 522)"></line>
</g>
<circle cx="230" cy="522" r="80" fill="none" stroke="#b8c9d1" stroke-width="8"></circle>
<circle cx="230" cy="522" r="90" fill="none" stroke="#263238" stroke-width="13"></circle>
<circle cx="230" cy="522" r="9" fill="#37474f"></circle>
<circle cx="230" cy="522" r="4" fill="#8fa6b0"></circle>
<circle cx="230" cy="522" r="12" fill="none" stroke="#546e7a" stroke-width="4"></circle>
</g>
<g>
<g stroke="#8fa6b0" stroke-width="3">
<line x1="620" y1="446" x2="620" y2="598"></line>
<line x1="620" y1="446" x2="620" y2="598" transform="rotate(30 620 522)"></line>
<line x1="620" y1="446" x2="620" y2="598" transform="rotate(60 620 522)"></line>
<line x1="620" y1="446" x2="620" y2="598" transform="rotate(90 620 522)"></line>
<line x1="620" y1="446" x2="620" y2="598" transform="rotate(120 620 522)"></line>
<line x1="620" y1="446" x2="620" y2="598" transform="rotate(150 620 522)"></line>
</g>
<circle cx="620" cy="522" r="80" fill="none" stroke="#b8c9d1" stroke-width="8"></circle>
<circle cx="620" cy="522" r="90" fill="none" stroke="#263238" stroke-width="13"></circle>
<circle cx="620" cy="522" r="9" fill="#37474f"></circle>
<circle cx="620" cy="522" r="4" fill="#8fa6b0"></circle>
</g>
<g fill="none" stroke="#e74c3c" stroke-width="10" stroke-linecap="round">
<path d="M230,522 L400,522"></path>
<path d="M230,522 L335,375"></path>
<path d="M400,522 L335,375"></path>
<path d="M335,375 L580,360"></path>
<path d="M400,522 L600,425"></path>
<path d="M600,425 Q612,472 620,522"></path>
</g>
<line x1="580" y1="360" x2="600" y2="425" stroke="#c0392b" stroke-width="13" stroke-linecap="round"></line>
<g stroke="#37474f" stroke-width="4.5" stroke-dasharray="7 4">
<line x1="400" y1="498" x2="231" y2="510"></line>
<line x1="400" y1="546" x2="231" y2="534"></line>
</g>
<circle cx="400" cy="522" r="24" fill="none" stroke="#546e7a" stroke-width="5"></circle>
<circle cx="400" cy="522" r="9" fill="#546e7a"></circle>
<line x1="335" y1="375" x2="330" y2="350" stroke="#607d8b" stroke-width="7"></line>
<path d="M296,352 C298,342 312,338 330,340 L368,346 C366,354 352,356 338,355 C318,357 300,358 296,352 Z" fill="#37474f"></path>
<line x1="580" y1="360" x2="574" y2="336" stroke="#37474f" stroke-width="8" stroke-linecap="round"></line>
<path d="M576,338 Q559,322 542,338" fill="none" stroke="#37474f" stroke-width="8" stroke-linecap="round"></path>
<circle cx="568" cy="326" r="5.5" fill="#ffd23f" stroke="#37474f" stroke-width="3"></circle>
<g fill="#ececdf" stroke="#37474f" stroke-width="4" stroke-linejoin="round">
<path d="M278,232 L188,176 L258,250 Z"></path>
<path d="M274,248 L178,206 L260,264 Z"></path>
<path d="M270,262 L176,240 L264,278 Z"></path>
</g>
<path d="M378,260 C396,244 402,210 404,178 C406,148 432,124 468,120 L474,152 C446,156 436,172 438,196 C440,222 428,248 404,272 Z" fill="#fbfbf4" stroke="#37474f" stroke-width="4" stroke-linejoin="round"></path>
<path d="M262,240 C290,208 350,205 385,232 C405,248 412,285 398,315 C380,345 320,352 288,330 C262,312 250,270 262,240 Z" fill="#fbfbf4" stroke="#37474f" stroke-width="4"></path>
<ellipse cx="338" cy="330" rx="36" ry="8" fill="#e9e9de"></ellipse>
<circle cx="492" cy="128" r="27" fill="#fbfbf4" stroke="#37474f" stroke-width="4"></circle>
<path d="M504,144 C514,190 542,214 576,211 C606,208 630,182 642,162 C602,150 552,142 504,144 Z" fill="#f29154" stroke="#37474f" stroke-width="4" stroke-linejoin="round"></path>
<path d="M520,160 Q555,175 590,168" fill="none" stroke="#d97b3f" stroke-width="2.5" stroke-linecap="round"></path>
<path d="M564,205 L588,198 L582,214 L602,224 L574,230 Z" fill="#6ab0f3" stroke="#37474f" stroke-width="3" stroke-linejoin="round"></path>
<path d="M508,114 C556,110 612,126 648,152 C654,158 650,166 640,164 C596,152 548,144 506,142 Z" fill="#f6b93b" stroke="#37474f" stroke-width="4" stroke-linejoin="round"></path>
<line x1="528" y1="123" x2="590" y2="137" stroke="#37474f" stroke-width="2.5" opacity="0.55" stroke-linecap="round"></line>
<path d="M466,118 Q470,92 492,90 Q514,92 518,118 Q492,108 466,118 Z" fill="#4a90d9" stroke="#37474f" stroke-width="4" stroke-linejoin="round"></path>
<path d="M480,112 Q492,92 505,112" fill="none" stroke="#ffffff" stroke-width="4" opacity="0.85"></path>
<path d="M472,122 Q479,142 493,152" fill="none" stroke="#37474f" stroke-width="2.5"></path>
<circle cx="502" cy="122" r="5" fill="#37474f"></circle>
<circle cx="504" cy="120" r="1.8" fill="#ffffff"></circle>
<path d="M368,252 C420,236 495,262 550,318 C558,328 560,338 552,344 C520,348 470,344 425,328 C395,314 370,285 362,262 Z" fill="#ffffff" stroke="#37474f" stroke-width="4" stroke-linejoin="round"></path>
<g fill="none" stroke="#d7d7cc" stroke-width="3" stroke-linecap="round">
<path d="M405,262 Q470,268 528,320"></path>
<path d="M392,278 Q455,286 512,330"></path>
<path d="M382,294 Q440,302 492,336"></path>
</g>
<line x1="400" y1="522" x2="434" y2="556" stroke="#37474f" stroke-width="7" stroke-linecap="round"></line>
<circle cx="400" cy="522" r="6" fill="#263238"></circle>
<rect x="418" y="551" width="32" height="9" rx="2.5" fill="#263238"></rect>
<polyline points="362,330 412,442 432,548" fill="none" stroke="#37474f" stroke-width="19" stroke-linecap="round" stroke-linejoin="round"></polyline>
<polyline points="362,330 412,442 432,548" fill="none" stroke="#ef9f3f" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"></polyline>
<path d="M422,553 C442,542 462,542 470,549 L450,566 C440,561 430,556 422,553 Z" fill="#ef9f3f" stroke="#37474f" stroke-width="3" stroke-linejoin="round"></path>
</svg>