SVG
Viewer
2pH4wBQF
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
6.85 KB
3.65 KB
-47%
Prettify
Preferences
Clear
<svg width="1000" height="600" viewBox="0 0 1000 600" xmlns="http://www.w3.org/2000/svg" aria-label="Pelican riding a bicycle"> <defs> <radialGradient id="bodyGrad" cx="50%" cy="40%" r="60%"> <stop offset="0%" stop-color="#fafafa"></stop> <stop offset="100%" stop-color="#e6e6e6"></stop> </radialGradient> <radialGradient id="headGrad" cx="50%" cy="50%" r="60%"> <stop offset="0%" stop-color="#f8f8f8"></stop> <stop offset="100%" stop-color="#dcdcdc"></stop> </radialGradient> <linearGradient id="backgroundGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#f0f1f2"></stop> <stop offset="100%" stop-color="#d8d9db"></stop> </linearGradient> </defs> <rect width="100%" height="100%" fill="url(#backgroundGrad)"></rect> <line x1="0" y1="520" x2="1000" y2="520" stroke="#888" stroke-width="4"></line> <g transform="translate(600,520)"> <circle cx="0" cy="0" r="100" fill="none" stroke="#444" stroke-width="8"></circle> <g stroke="#888" stroke-width="2"> <line x1="0" y1="-100" x2="0" y2="100"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(30)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(60)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(90)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(120)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(150)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(180)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(210)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(240)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(270)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(300)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(330)"></line> </g> <circle cx="0" cy="0" r="18" fill="#222"></circle> <circle cx="0" cy="0" r="12" fill="#444"></circle> </g> <g transform="translate(800,520)"> <circle cx="0" cy="0" r="100" fill="none" stroke="#444" stroke-width="8"></circle> <g stroke="#888" stroke-width="2"> <line x1="0" y1="-100" x2="0" y2="100"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(30)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(60)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(90)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(120)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(150)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(180)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(210)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(240)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(270)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(300)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(330)"></line> </g> </g> <path d="M720 520 C680 520, 640 520, 600 520" fill="none" stroke="#555" stroke-width="6" stroke-linecap="round" stroke-dasharray="5,5"></path> <line x1="680" y1="420" x2="680" y2="520" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="680" y1="420" x2="780" y2="420" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="780" y1="420" x2="800" y2="520" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="600" y1="520" x2="680" y2="520" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="600" y1="520" x2="680" y2="420" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="680" y1="420" x2="680" y2="370" stroke="#222" stroke-width="8"></line> <rect x="660" y="345" width="40" height="30" rx="8" ry="8" fill="#111"></rect> <path d="M780 420 C760 390, 720 390, 700 420" fill="none" stroke="#222" stroke-width="12" stroke-linecap="round"></path> <circle cx="700" cy="420" r="6" fill="#111"></circle> <circle cx="780" cy="420" r="6" fill="#111"></circle> <line x1="700" y1="420" x2="690" y2="400" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="780" y1="420" x2="790" y2="400" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <g stroke="#333" stroke-width="8" stroke-linecap="round"> <circle cx="720" cy="520" r="25" fill="none" stroke="#444"></circle> <circle cx="720" cy="520" r="10" fill="#222"></circle> <line x1="720" y1="520" x2="760" y2="520"></line> <line x1="720" y1="520" x2="680" y2="520"></line> <rect x="755" y="510" width="15" height="20" rx="3" fill="#555"></rect> <rect x="660" y="510" width="15" height="20" rx="3" fill="#555"></rect> </g> <ellipse cx="700" cy="330" rx="120" ry="90" fill="url(#bodyGrad)" stroke="#ccc" stroke-width="2"></ellipse> <path d="M580 330 C540 300, 560 250, 630 300 C700 350, 600 360, 580 330" fill="#1f1f1f"></path> <path d="M820 330 C860 300, 840 250, 770 300 C700 350, 800 360, 820 330" fill="#1f1f1f" opacity="0.9"></path> <path d="M700 260 C700 220, 650 200, 650 170 C650 140, 700 130, 720 150 C740 170, 740 220, 720 250" fill="#f8f8f8" stroke="#ccc" stroke-width="2"></path> <circle cx="720" cy="140" r="35" fill="url(#headGrad)" stroke="#ccc" stroke-width="2"></circle> <circle cx="730" cy="135" r="12" fill="#ffe57f"></circle> <circle cx="730" cy="135" r="6" fill="#000"></circle> <path d="M745 150 C840 140, 860 160, 760 165 C740 166, 730 162, 720 158" fill="#ffd9b3" stroke="#e6b78f" stroke-width="3"></path> <path d="M745 150 L760 165" stroke="#ffb870" stroke-width="4"></path> <path d="M720 158 C760 180, 820 175, 780 160 C740 145, 720 150, 720 158" fill="#ffe0c4" stroke="#e6b78f" stroke-width="2"></path> <path d="M680 420 C675 450, 670 490, 660 520" stroke="#8faabf" stroke-width="20" stroke-linecap="round" fill="none"></path> <path d="M720 420 C725 450, 730 490, 740 520" stroke="#8faabf" stroke-width="20" stroke-linecap="round" fill="none"></path> <g fill="#8faabf"> <path d="M655 540 l-10 5 l5 15 l20 -5 z" transform="rotate(-5 655 540)"></path> <path d="M765 540 l10 5 l-5 15 l-20 -5 z" transform="rotate(5 765 540)"></path> </g> <g stroke="#e2e2e2" stroke-width="1"> <path d="M640 330 C650 320, 660 320, 670 330"></path> <path d="M620 340 C630 330, 650 330, 660 340"></path> <path d="M740 330 C730 320, 720 320, 710 330"></path> <path d="M760 340 C750 330, 730 330, 720 340"></path> </g> <ellipse cx="700" cy="540" rx="220" ry="25" fill="rgba(0,0,0,0.08)"></ellipse> <path d="M500 200 C510 190, 520 190, 530 200 S540 220, 530 230" stroke="#f8f8f8" stroke-width="4" fill="none" opacity="0.7"></path> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
6.85 KB
3.65 KB
-47%
Prettify
Preferences
Clear
<svg width="1000" height="600" viewBox="0 0 1000 600" xmlns="http://www.w3.org/2000/svg" aria-label="Pelican riding a bicycle"> <defs> <radialGradient id="bodyGrad" cx="50%" cy="40%" r="60%"> <stop offset="0%" stop-color="#fafafa"></stop> <stop offset="100%" stop-color="#e6e6e6"></stop> </radialGradient> <radialGradient id="headGrad" cx="50%" cy="50%" r="60%"> <stop offset="0%" stop-color="#f8f8f8"></stop> <stop offset="100%" stop-color="#dcdcdc"></stop> </radialGradient> <linearGradient id="backgroundGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#f0f1f2"></stop> <stop offset="100%" stop-color="#d8d9db"></stop> </linearGradient> </defs> <rect width="100%" height="100%" fill="url(#backgroundGrad)"></rect> <line x1="0" y1="520" x2="1000" y2="520" stroke="#888" stroke-width="4"></line> <g transform="translate(600,520)"> <circle cx="0" cy="0" r="100" fill="none" stroke="#444" stroke-width="8"></circle> <g stroke="#888" stroke-width="2"> <line x1="0" y1="-100" x2="0" y2="100"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(30)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(60)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(90)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(120)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(150)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(180)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(210)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(240)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(270)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(300)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(330)"></line> </g> <circle cx="0" cy="0" r="18" fill="#222"></circle> <circle cx="0" cy="0" r="12" fill="#444"></circle> </g> <g transform="translate(800,520)"> <circle cx="0" cy="0" r="100" fill="none" stroke="#444" stroke-width="8"></circle> <g stroke="#888" stroke-width="2"> <line x1="0" y1="-100" x2="0" y2="100"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(30)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(60)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(90)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(120)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(150)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(180)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(210)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(240)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(270)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(300)"></line> <line x1="0" y1="-100" x2="0" y2="100" transform="rotate(330)"></line> </g> </g> <path d="M720 520 C680 520, 640 520, 600 520" fill="none" stroke="#555" stroke-width="6" stroke-linecap="round" stroke-dasharray="5,5"></path> <line x1="680" y1="420" x2="680" y2="520" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="680" y1="420" x2="780" y2="420" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="780" y1="420" x2="800" y2="520" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="600" y1="520" x2="680" y2="520" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="600" y1="520" x2="680" y2="420" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="680" y1="420" x2="680" y2="370" stroke="#222" stroke-width="8"></line> <rect x="660" y="345" width="40" height="30" rx="8" ry="8" fill="#111"></rect> <path d="M780 420 C760 390, 720 390, 700 420" fill="none" stroke="#222" stroke-width="12" stroke-linecap="round"></path> <circle cx="700" cy="420" r="6" fill="#111"></circle> <circle cx="780" cy="420" r="6" fill="#111"></circle> <line x1="700" y1="420" x2="690" y2="400" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <line x1="780" y1="420" x2="790" y2="400" stroke="#222" stroke-width="10" stroke-linecap="round"></line> <g stroke="#333" stroke-width="8" stroke-linecap="round"> <circle cx="720" cy="520" r="25" fill="none" stroke="#444"></circle> <circle cx="720" cy="520" r="10" fill="#222"></circle> <line x1="720" y1="520" x2="760" y2="520"></line> <line x1="720" y1="520" x2="680" y2="520"></line> <rect x="755" y="510" width="15" height="20" rx="3" fill="#555"></rect> <rect x="660" y="510" width="15" height="20" rx="3" fill="#555"></rect> </g> <ellipse cx="700" cy="330" rx="120" ry="90" fill="url(#bodyGrad)" stroke="#ccc" stroke-width="2"></ellipse> <path d="M580 330 C540 300, 560 250, 630 300 C700 350, 600 360, 580 330" fill="#1f1f1f"></path> <path d="M820 330 C860 300, 840 250, 770 300 C700 350, 800 360, 820 330" fill="#1f1f1f" opacity="0.9"></path> <path d="M700 260 C700 220, 650 200, 650 170 C650 140, 700 130, 720 150 C740 170, 740 220, 720 250" fill="#f8f8f8" stroke="#ccc" stroke-width="2"></path> <circle cx="720" cy="140" r="35" fill="url(#headGrad)" stroke="#ccc" stroke-width="2"></circle> <circle cx="730" cy="135" r="12" fill="#ffe57f"></circle> <circle cx="730" cy="135" r="6" fill="#000"></circle> <path d="M745 150 C840 140, 860 160, 760 165 C740 166, 730 162, 720 158" fill="#ffd9b3" stroke="#e6b78f" stroke-width="3"></path> <path d="M745 150 L760 165" stroke="#ffb870" stroke-width="4"></path> <path d="M720 158 C760 180, 820 175, 780 160 C740 145, 720 150, 720 158" fill="#ffe0c4" stroke="#e6b78f" stroke-width="2"></path> <path d="M680 420 C675 450, 670 490, 660 520" stroke="#8faabf" stroke-width="20" stroke-linecap="round" fill="none"></path> <path d="M720 420 C725 450, 730 490, 740 520" stroke="#8faabf" stroke-width="20" stroke-linecap="round" fill="none"></path> <g fill="#8faabf"> <path d="M655 540 l-10 5 l5 15 l20 -5 z" transform="rotate(-5 655 540)"></path> <path d="M765 540 l10 5 l-5 15 l-20 -5 z" transform="rotate(5 765 540)"></path> </g> <g stroke="#e2e2e2" stroke-width="1"> <path d="M640 330 C650 320, 660 320, 670 330"></path> <path d="M620 340 C630 330, 650 330, 660 340"></path> <path d="M740 330 C730 320, 720 320, 710 330"></path> <path d="M760 340 C750 330, 730 330, 720 340"></path> </g> <ellipse cx="700" cy="540" rx="220" ry="25" fill="rgba(0,0,0,0.08)"></ellipse> <path d="M500 200 C510 190, 520 190, 530 200 S540 220, 530 230" stroke="#f8f8f8" stroke-width="4" fill="none" opacity="0.7"></path> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download