SVG
Viewer
If4gi3e7
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Trim Padding
Optimize
12.29 KB
8.13 KB
-34%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> <defs> <radialGradient id="spaceGrad" cx="50%" cy="50%" r="75%"> <stop offset="0%" stop-color="#141428"></stop> <stop offset="100%" stop-color="#030308"></stop> </radialGradient> <linearGradient id="planet1Grad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#f6d365"></stop> <stop offset="50%" stop-color="#fda085"></stop> <stop offset="100%" stop-color="#ff6b6b"></stop> </linearGradient> <linearGradient id="planet2Grad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#84fab0"></stop> <stop offset="100%" stop-color="#8fd3f4"></stop> </linearGradient> <radialGradient id="nebula1" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#9b59b6" stop-opacity="0.3"></stop> <stop offset="100%" stop-color="#9b59b6" stop-opacity="0"></stop> </radialGradient> <radialGradient id="nebula2" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#3498db" stop-opacity="0.2"></stop> <stop offset="100%" stop-color="#3498db" stop-opacity="0"></stop> </radialGradient> <linearGradient id="suitGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#ffffff"></stop> <stop offset="100%" stop-color="#bdc3c7"></stop> </linearGradient> <linearGradient id="suitDark" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#7f8c8d"></stop> <stop offset="100%" stop-color="#2c3e50"></stop> </linearGradient> <linearGradient id="visorGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#ffda79"></stop> <stop offset="50%" stop-color="#c2912a"></stop> <stop offset="100%" stop-color="#523408"></stop> </linearGradient> <linearGradient id="horseGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#8b4513"></stop> <stop offset="100%" stop-color="#5c2b0a"></stop> </linearGradient> <linearGradient id="horseDark" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#6b3410"></stop> <stop offset="100%" stop-color="#3a1c08"></stop> </linearGradient> <linearGradient id="saddleGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#8a0303"></stop> <stop offset="100%" stop-color="#4a0000"></stop> </linearGradient> <radialGradient id="shadowGrad" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#000000" stop-opacity="0.6"></stop> <stop offset="100%" stop-color="#000000" stop-opacity="0"></stop> </radialGradient> </defs> <rect width="100%" height="100%" fill="url(#spaceGrad)"></rect> <circle cx="150" cy="450" r="200" fill="url(#nebula1)"></circle> <circle cx="650" cy="200" r="250" fill="url(#nebula2)"></circle> <g fill="#ffffff"> <circle cx="50" cy="80" r="1.5" opacity="0.8"></circle> <circle cx="200" cy="150" r="2" opacity="0.9"></circle> <circle cx="350" cy="50" r="1" opacity="0.5"></circle> <circle cx="550" cy="200" r="2.5" opacity="1"></circle> <circle cx="750" cy="400" r="1.5" opacity="0.7"></circle> <circle cx="150" cy="300" r="1" opacity="0.6"></circle> <circle cx="250" cy="450" r="2" opacity="0.9"></circle> <circle cx="450" cy="100" r="1.5" opacity="0.8"></circle> <circle cx="650" cy="500" r="2" opacity="1"></circle> <circle cx="300" cy="250" r="1" opacity="0.5"></circle> <circle cx="80" cy="400" r="1.5" opacity="0.8"></circle> <circle cx="720" cy="50" r="2" opacity="0.9"></circle> <circle cx="180" cy="220" r="1.5" opacity="0.7"></circle> <circle cx="400" cy="500" r="1" opacity="0.6"></circle> <circle cx="580" cy="350" r="1.5" opacity="0.8"></circle> <path d="M 400 120 L 405 140 L 420 145 L 405 150 L 400 170 L 395 150 L 380 145 L 395 140 Z"></path> <path d="M 620 380 L 623 390 L 633 393 L 623 396 L 620 406 L 617 396 L 607 393 L 617 390 Z"></path> </g> <circle cx="700" cy="120" r="90" fill="url(#planet1Grad)"></circle> <ellipse cx="700" cy="120" rx="130" ry="35" fill="none" stroke="#fda085" stroke-width="4" opacity="0.7" transform="rotate(-20, 700, 120)"></ellipse> <ellipse cx="700" cy="120" rx="140" ry="40" fill="none" stroke="#fda085" stroke-width="2" opacity="0.4" transform="rotate(-20, 700, 120)"></ellipse> <path d="M 620 120 A 90 90 0 0 1 700 30 A 90 90 0 0 1 780 120 A 90 90 0 0 1 700 210 A 90 90 0 0 1 620 120 Z" fill="#030308" opacity="0.3"></path> <circle cx="100" cy="550" r="140" fill="url(#planet2Grad)"></circle> <path d="M -40 550 A 140 140 0 0 1 100 410 A 140 140 0 0 1 240 550 A 140 140 0 0 1 100 690 A 140 140 0 0 1 -40 550 Z" fill="#030308" opacity="0.4"></path> <circle cx="70" cy="510" r="15" fill="#000000" opacity="0.2"></circle> <circle cx="120" cy="580" r="25" fill="#000000" opacity="0.2"></circle> <circle cx="150" cy="490" r="10" fill="#000000" opacity="0.2"></circle> <circle cx="40" cy="570" r="20" fill="#000000" opacity="0.2"></circle> <ellipse cx="430" cy="530" rx="140" ry="18" fill="url(#shadowGrad)"></ellipse> <g id="astronaut"> <path d="M 370 380 C 340 410, 330 450, 340 510 C 350 520, 365 520, 370 510 C 370 470, 380 420, 385 395 Z" fill="#7f8c8d"></path> <path d="M 335 500 C 335 520, 355 525, 365 510 C 360 500, 345 495, 335 500 Z" fill="#2c3e50"></path> <path d="M 525 380 C 490 400, 470 430, 480 510 C 490 520, 505 520, 510 510 C 510 450, 530 410, 535 390 Z" fill="#7f8c8d"></path> <path d="M 475 500 C 475 520, 500 525, 505 510 C 500 500, 485 495, 475 500 Z" fill="#2c3e50"></path> <path d="M 360 380 C 430 350, 490 350, 540 380 L 550 420 C 480 430, 410 430, 370 420 Z" fill="url(#suitGrad)"></path> <path d="M 450 360 L 450 425" fill="none" stroke="#95a5a6" stroke-width="2" stroke-dasharray="4,4"></path> <circle cx="450" cy="375" r="3" fill="#bdc3c7"></circle> <circle cx="450" cy="390" r="3" fill="#bdc3c7"></circle> <circle cx="450" cy="405" r="3" fill="#bdc3c7"></circle> <circle cx="410" cy="395" r="10" fill="#e74c3c"></circle> <path d="M 405 400 A 10 10 0 0 1 415 400" fill="none" stroke="#fff" stroke-width="2"></path> <rect x="400" y="315" width="130" height="65" rx="15" fill="#dfe6e9" stroke="#b2bec3" stroke-width="3"></rect> <circle cx="430" cy="335" r="4" fill="#2ecc71"></circle> <circle cx="450" cy="335" r="4" fill="#e74c3c"></circle> <rect x="420" y="345" width="50" height="8" rx="4" fill="#57606f"></rect> <path d="M 530 330 C 560 310, 580 310, 600 330" fill="none" stroke="#bdc3c7" stroke-width="8" stroke-linecap="round"></path> <path d="M 520 340 C 545 325, 560 325, 575 340" fill="none" stroke="#95a5a6" stroke-width="6" stroke-linecap="round"></path> <path d="M 385 395 C 370 420, 370 460, 375 515 C 385 525, 400 525, 405 515 C 405 470, 410 420, 400 395 Z" fill="url(#suitGrad)"></path> <circle cx="380" cy="485" r="16" fill="#34495e"></circle> <path d="M 370 505 C 370 525, 400 530, 410 515 C 405 505, 385 500, 370 505 Z" fill="#34495e"></path> <path d="M 535 390 C 510 410, 490 440, 495 515 C 505 525, 520 525, 525 515 C 525 450, 540 410, 545 390 Z" fill="url(#suitGrad)"></path> <circle cx="510" cy="455" r="16" fill="#34495e"></circle> <path d="M 490 505 C 490 525, 520 530, 530 515 C 525 505, 505 500, 490 505 Z" fill="#34495e"></path> <circle cx="530" cy="380" r="22" fill="#7f8c8d"></circle> <circle cx="380" cy="385" r="22" fill="#7f8c8d"></circle> <rect x="540" y="340" width="30" height="25" rx="10" fill="#bdc3c7"></rect> <circle cx="595" cy="345" r="45" fill="url(#suitGrad)" stroke="#dcdde1" stroke-width="2"></circle> <path d="M 575 325 C 600 315, 625 325, 630 345 C 635 365, 615 375, 595 375 C 580 375, 570 365, 568 350 Z" fill="url(#visorGrad)"></path> <path d="M 575 330 C 585 322, 595 322, 600 327 L 595 340 C 590 333, 585 333, 580 340 Z" fill="#ffffff" opacity="0.4"></path> <path d="M 555 330 C 580 305, 620 305, 635 330" fill="none" stroke="#e67e22" stroke-width="6" stroke-linecap="round"></path> <path d="M 560 355 C 580 380, 610 375, 625 360" fill="none" stroke="#e67e22" stroke-width="6" stroke-linecap="round"></path> <path d="M 555 345 C 580 340, 620 340, 640 345" fill="none" stroke="#e67e22" stroke-width="6" stroke-linecap="round"></path> </g> <path d="M 410 325 C 450 315, 510 315, 530 325 L 525 345 C 500 335, 440 335, 415 345 Z" fill="#c0392b"></path> <path d="M 410 325 C 450 300, 510 300, 530 325 C 530 345, 500 350, 460 350 C 430 350, 410 345, 410 325 Z" fill="url(#saddleGrad)"></path> <path d="M 415 325 C 450 305, 505 305, 525 325" fill="none" stroke="#f1c40f" stroke-width="2" stroke-dasharray="4,4"></path> <path d="M 520 315 C 530 305, 540 305, 540 315 L 530 320 Z" fill="#7a1405"></path> <rect x="530" y="280" width="20" height="15" fill="#e74c3c"></rect> <path d="M 530 280 L 545 287 L 530 295 Z" fill="#c0392b"></path> <line x1="530" y1="280" x2="530" y2="315" stroke="#7f8c8d" stroke-width="2"></line> <g id="horse"> <path d="M 410 260 C 370 280, 340 330, 350 390 C 360 380, 370 360, 380 350 C 390 370, 400 340, 410 320 C 420 290, 420 270, 410 260 Z" fill="url(#horseDark)"></path> <path d="M 400 280 C 370 310, 360 350, 365 380 C 370 390, 380 390, 385 380 C 390 340, 410 310, 420 290 Z" fill="#6b3410"></path> <path d="M 365 375 L 375 375 L 375 390 L 360 390 Z" fill="#1a0d04"></path> <path d="M 510 245 C 530 265, 560 285, 580 305 C 590 315, 580 325, 570 325 C 540 305, 510 285, 500 265 Z" fill="#6b3410"></path> <path d="M 570 320 L 585 335 L 575 340 L 565 325 Z" fill="#1a0d04"></path> <path d="M 555 335 C 565 325, 575 320, 575 320 C 600 250, 610 200, 620 178" fill="none" stroke="#e67e22" stroke-width="4" stroke-linecap="round"></path> <path d="M 565 345 C 580 340, 595 335, 595 335 C 615 250, 625 200, 625 180" fill="none" stroke="#e67e22" stroke-width="5" stroke-linecap="round"></path> <path d="M 410 310 C 390 280, 400 250, 450 240 C 490 230, 520 240, 530 270 C 535 290, 510 310, 470 310 Z" fill="url(#horseGrad)"></path> <path d="M 410 290 C 380 320, 370 360, 375 390 C 380 400, 390 400, 395 390 C 400 350, 420 320, 430 300 Z" fill="url(#horseDark)"></path> <path d="M 375 385 L 385 385 L 385 400 L 370 400 Z" fill="#000000"></path> <path d="M 500 260 C 500 200, 540 160, 570 170 L 580 200 C 550 210, 520 240, 520 270 Z" fill="url(#horseGrad)"></path> <path d="M 575 170 C 550 180, 520 230, 495 280 C 485 300, 495 310, 510 290 C 530 240, 550 190, 580 180 Z" fill="#1a0d04"></path> <path d="M 540 200 C 530 210, 520 220, 510 230 C 520 220, 530 210, 540 200 Z" fill="#050505"></path> <path d="M 520 240 C 510 250, 500 260, 490 270 C 500 260, 510 250, 520 240 Z" fill="#050505"></path> <path d="M 570 185 L 565 160 C 575 140, 600 145, 615 155 C 640 165, 640 175, 635 185 C 630 195, 615 200, 605 195 Z" fill="url(#horseGrad)"></path> <path d="M 610 150 C 615 160, 625 175, 625 185 C 620 185, 615 170, 605 160 Z" fill="#ffffff" opacity="0.8"></path> <path d="M 575 150 L 560 110 L 585 145 Z" fill="#3a1c08"></path> <path d="M 585 148 L 595 105 L 605 145 Z" fill="#1a0d04"></path> <path d="M 580 150 C 590 130, 610 130, 615 145 C 605 140, 595 140, 585 155 Z" fill="#1a0d04"></path> <ellipse cx="600" cy="165" rx="5" ry="7" fill="#000000"></ellipse> <circle cx="601" cy="163" r="2" fill="#ffffff"></circle> <ellipse cx="630" cy="180" rx="3" ry="5" fill="#000000" transform="rotate(15, 630, 180)"></ellipse> <path d="M 620 190 C 625 195, 630 195, 635 190" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round"></path> <path d="M 580 160 C 590 145, 605 145, 615 155 L 610 160 C 600 150, 590 150, 585 165 Z" fill="#f1c40f"></path> <path d="M 615 176 C 625 170, 635 178, 635 182 C 625 188, 615 180, 615 176 Z" fill="#f1c40f"></path> <path d="M 520 250 C 540 270, 570 290, 590 310 C 600 320, 595 335, 585 335 C 550 315, 520 290, 510 270 Z" fill="url(#horseDark)"></path> <path d="M 585 335 L 600 345 L 590 355 L 575 345 Z" fill="#000000"></path> </g> </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
Trim Padding
Optimize
12.29 KB
8.13 KB
-34%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"> <defs> <radialGradient id="spaceGrad" cx="50%" cy="50%" r="75%"> <stop offset="0%" stop-color="#141428"></stop> <stop offset="100%" stop-color="#030308"></stop> </radialGradient> <linearGradient id="planet1Grad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#f6d365"></stop> <stop offset="50%" stop-color="#fda085"></stop> <stop offset="100%" stop-color="#ff6b6b"></stop> </linearGradient> <linearGradient id="planet2Grad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#84fab0"></stop> <stop offset="100%" stop-color="#8fd3f4"></stop> </linearGradient> <radialGradient id="nebula1" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#9b59b6" stop-opacity="0.3"></stop> <stop offset="100%" stop-color="#9b59b6" stop-opacity="0"></stop> </radialGradient> <radialGradient id="nebula2" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#3498db" stop-opacity="0.2"></stop> <stop offset="100%" stop-color="#3498db" stop-opacity="0"></stop> </radialGradient> <linearGradient id="suitGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#ffffff"></stop> <stop offset="100%" stop-color="#bdc3c7"></stop> </linearGradient> <linearGradient id="suitDark" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#7f8c8d"></stop> <stop offset="100%" stop-color="#2c3e50"></stop> </linearGradient> <linearGradient id="visorGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#ffda79"></stop> <stop offset="50%" stop-color="#c2912a"></stop> <stop offset="100%" stop-color="#523408"></stop> </linearGradient> <linearGradient id="horseGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#8b4513"></stop> <stop offset="100%" stop-color="#5c2b0a"></stop> </linearGradient> <linearGradient id="horseDark" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#6b3410"></stop> <stop offset="100%" stop-color="#3a1c08"></stop> </linearGradient> <linearGradient id="saddleGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#8a0303"></stop> <stop offset="100%" stop-color="#4a0000"></stop> </linearGradient> <radialGradient id="shadowGrad" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#000000" stop-opacity="0.6"></stop> <stop offset="100%" stop-color="#000000" stop-opacity="0"></stop> </radialGradient> </defs> <rect width="100%" height="100%" fill="url(#spaceGrad)"></rect> <circle cx="150" cy="450" r="200" fill="url(#nebula1)"></circle> <circle cx="650" cy="200" r="250" fill="url(#nebula2)"></circle> <g fill="#ffffff"> <circle cx="50" cy="80" r="1.5" opacity="0.8"></circle> <circle cx="200" cy="150" r="2" opacity="0.9"></circle> <circle cx="350" cy="50" r="1" opacity="0.5"></circle> <circle cx="550" cy="200" r="2.5" opacity="1"></circle> <circle cx="750" cy="400" r="1.5" opacity="0.7"></circle> <circle cx="150" cy="300" r="1" opacity="0.6"></circle> <circle cx="250" cy="450" r="2" opacity="0.9"></circle> <circle cx="450" cy="100" r="1.5" opacity="0.8"></circle> <circle cx="650" cy="500" r="2" opacity="1"></circle> <circle cx="300" cy="250" r="1" opacity="0.5"></circle> <circle cx="80" cy="400" r="1.5" opacity="0.8"></circle> <circle cx="720" cy="50" r="2" opacity="0.9"></circle> <circle cx="180" cy="220" r="1.5" opacity="0.7"></circle> <circle cx="400" cy="500" r="1" opacity="0.6"></circle> <circle cx="580" cy="350" r="1.5" opacity="0.8"></circle> <path d="M 400 120 L 405 140 L 420 145 L 405 150 L 400 170 L 395 150 L 380 145 L 395 140 Z"></path> <path d="M 620 380 L 623 390 L 633 393 L 623 396 L 620 406 L 617 396 L 607 393 L 617 390 Z"></path> </g> <circle cx="700" cy="120" r="90" fill="url(#planet1Grad)"></circle> <ellipse cx="700" cy="120" rx="130" ry="35" fill="none" stroke="#fda085" stroke-width="4" opacity="0.7" transform="rotate(-20, 700, 120)"></ellipse> <ellipse cx="700" cy="120" rx="140" ry="40" fill="none" stroke="#fda085" stroke-width="2" opacity="0.4" transform="rotate(-20, 700, 120)"></ellipse> <path d="M 620 120 A 90 90 0 0 1 700 30 A 90 90 0 0 1 780 120 A 90 90 0 0 1 700 210 A 90 90 0 0 1 620 120 Z" fill="#030308" opacity="0.3"></path> <circle cx="100" cy="550" r="140" fill="url(#planet2Grad)"></circle> <path d="M -40 550 A 140 140 0 0 1 100 410 A 140 140 0 0 1 240 550 A 140 140 0 0 1 100 690 A 140 140 0 0 1 -40 550 Z" fill="#030308" opacity="0.4"></path> <circle cx="70" cy="510" r="15" fill="#000000" opacity="0.2"></circle> <circle cx="120" cy="580" r="25" fill="#000000" opacity="0.2"></circle> <circle cx="150" cy="490" r="10" fill="#000000" opacity="0.2"></circle> <circle cx="40" cy="570" r="20" fill="#000000" opacity="0.2"></circle> <ellipse cx="430" cy="530" rx="140" ry="18" fill="url(#shadowGrad)"></ellipse> <g id="astronaut"> <path d="M 370 380 C 340 410, 330 450, 340 510 C 350 520, 365 520, 370 510 C 370 470, 380 420, 385 395 Z" fill="#7f8c8d"></path> <path d="M 335 500 C 335 520, 355 525, 365 510 C 360 500, 345 495, 335 500 Z" fill="#2c3e50"></path> <path d="M 525 380 C 490 400, 470 430, 480 510 C 490 520, 505 520, 510 510 C 510 450, 530 410, 535 390 Z" fill="#7f8c8d"></path> <path d="M 475 500 C 475 520, 500 525, 505 510 C 500 500, 485 495, 475 500 Z" fill="#2c3e50"></path> <path d="M 360 380 C 430 350, 490 350, 540 380 L 550 420 C 480 430, 410 430, 370 420 Z" fill="url(#suitGrad)"></path> <path d="M 450 360 L 450 425" fill="none" stroke="#95a5a6" stroke-width="2" stroke-dasharray="4,4"></path> <circle cx="450" cy="375" r="3" fill="#bdc3c7"></circle> <circle cx="450" cy="390" r="3" fill="#bdc3c7"></circle> <circle cx="450" cy="405" r="3" fill="#bdc3c7"></circle> <circle cx="410" cy="395" r="10" fill="#e74c3c"></circle> <path d="M 405 400 A 10 10 0 0 1 415 400" fill="none" stroke="#fff" stroke-width="2"></path> <rect x="400" y="315" width="130" height="65" rx="15" fill="#dfe6e9" stroke="#b2bec3" stroke-width="3"></rect> <circle cx="430" cy="335" r="4" fill="#2ecc71"></circle> <circle cx="450" cy="335" r="4" fill="#e74c3c"></circle> <rect x="420" y="345" width="50" height="8" rx="4" fill="#57606f"></rect> <path d="M 530 330 C 560 310, 580 310, 600 330" fill="none" stroke="#bdc3c7" stroke-width="8" stroke-linecap="round"></path> <path d="M 520 340 C 545 325, 560 325, 575 340" fill="none" stroke="#95a5a6" stroke-width="6" stroke-linecap="round"></path> <path d="M 385 395 C 370 420, 370 460, 375 515 C 385 525, 400 525, 405 515 C 405 470, 410 420, 400 395 Z" fill="url(#suitGrad)"></path> <circle cx="380" cy="485" r="16" fill="#34495e"></circle> <path d="M 370 505 C 370 525, 400 530, 410 515 C 405 505, 385 500, 370 505 Z" fill="#34495e"></path> <path d="M 535 390 C 510 410, 490 440, 495 515 C 505 525, 520 525, 525 515 C 525 450, 540 410, 545 390 Z" fill="url(#suitGrad)"></path> <circle cx="510" cy="455" r="16" fill="#34495e"></circle> <path d="M 490 505 C 490 525, 520 530, 530 515 C 525 505, 505 500, 490 505 Z" fill="#34495e"></path> <circle cx="530" cy="380" r="22" fill="#7f8c8d"></circle> <circle cx="380" cy="385" r="22" fill="#7f8c8d"></circle> <rect x="540" y="340" width="30" height="25" rx="10" fill="#bdc3c7"></rect> <circle cx="595" cy="345" r="45" fill="url(#suitGrad)" stroke="#dcdde1" stroke-width="2"></circle> <path d="M 575 325 C 600 315, 625 325, 630 345 C 635 365, 615 375, 595 375 C 580 375, 570 365, 568 350 Z" fill="url(#visorGrad)"></path> <path d="M 575 330 C 585 322, 595 322, 600 327 L 595 340 C 590 333, 585 333, 580 340 Z" fill="#ffffff" opacity="0.4"></path> <path d="M 555 330 C 580 305, 620 305, 635 330" fill="none" stroke="#e67e22" stroke-width="6" stroke-linecap="round"></path> <path d="M 560 355 C 580 380, 610 375, 625 360" fill="none" stroke="#e67e22" stroke-width="6" stroke-linecap="round"></path> <path d="M 555 345 C 580 340, 620 340, 640 345" fill="none" stroke="#e67e22" stroke-width="6" stroke-linecap="round"></path> </g> <path d="M 410 325 C 450 315, 510 315, 530 325 L 525 345 C 500 335, 440 335, 415 345 Z" fill="#c0392b"></path> <path d="M 410 325 C 450 300, 510 300, 530 325 C 530 345, 500 350, 460 350 C 430 350, 410 345, 410 325 Z" fill="url(#saddleGrad)"></path> <path d="M 415 325 C 450 305, 505 305, 525 325" fill="none" stroke="#f1c40f" stroke-width="2" stroke-dasharray="4,4"></path> <path d="M 520 315 C 530 305, 540 305, 540 315 L 530 320 Z" fill="#7a1405"></path> <rect x="530" y="280" width="20" height="15" fill="#e74c3c"></rect> <path d="M 530 280 L 545 287 L 530 295 Z" fill="#c0392b"></path> <line x1="530" y1="280" x2="530" y2="315" stroke="#7f8c8d" stroke-width="2"></line> <g id="horse"> <path d="M 410 260 C 370 280, 340 330, 350 390 C 360 380, 370 360, 380 350 C 390 370, 400 340, 410 320 C 420 290, 420 270, 410 260 Z" fill="url(#horseDark)"></path> <path d="M 400 280 C 370 310, 360 350, 365 380 C 370 390, 380 390, 385 380 C 390 340, 410 310, 420 290 Z" fill="#6b3410"></path> <path d="M 365 375 L 375 375 L 375 390 L 360 390 Z" fill="#1a0d04"></path> <path d="M 510 245 C 530 265, 560 285, 580 305 C 590 315, 580 325, 570 325 C 540 305, 510 285, 500 265 Z" fill="#6b3410"></path> <path d="M 570 320 L 585 335 L 575 340 L 565 325 Z" fill="#1a0d04"></path> <path d="M 555 335 C 565 325, 575 320, 575 320 C 600 250, 610 200, 620 178" fill="none" stroke="#e67e22" stroke-width="4" stroke-linecap="round"></path> <path d="M 565 345 C 580 340, 595 335, 595 335 C 615 250, 625 200, 625 180" fill="none" stroke="#e67e22" stroke-width="5" stroke-linecap="round"></path> <path d="M 410 310 C 390 280, 400 250, 450 240 C 490 230, 520 240, 530 270 C 535 290, 510 310, 470 310 Z" fill="url(#horseGrad)"></path> <path d="M 410 290 C 380 320, 370 360, 375 390 C 380 400, 390 400, 395 390 C 400 350, 420 320, 430 300 Z" fill="url(#horseDark)"></path> <path d="M 375 385 L 385 385 L 385 400 L 370 400 Z" fill="#000000"></path> <path d="M 500 260 C 500 200, 540 160, 570 170 L 580 200 C 550 210, 520 240, 520 270 Z" fill="url(#horseGrad)"></path> <path d="M 575 170 C 550 180, 520 230, 495 280 C 485 300, 495 310, 510 290 C 530 240, 550 190, 580 180 Z" fill="#1a0d04"></path> <path d="M 540 200 C 530 210, 520 220, 510 230 C 520 220, 530 210, 540 200 Z" fill="#050505"></path> <path d="M 520 240 C 510 250, 500 260, 490 270 C 500 260, 510 250, 520 240 Z" fill="#050505"></path> <path d="M 570 185 L 565 160 C 575 140, 600 145, 615 155 C 640 165, 640 175, 635 185 C 630 195, 615 200, 605 195 Z" fill="url(#horseGrad)"></path> <path d="M 610 150 C 615 160, 625 175, 625 185 C 620 185, 615 170, 605 160 Z" fill="#ffffff" opacity="0.8"></path> <path d="M 575 150 L 560 110 L 585 145 Z" fill="#3a1c08"></path> <path d="M 585 148 L 595 105 L 605 145 Z" fill="#1a0d04"></path> <path d="M 580 150 C 590 130, 610 130, 615 145 C 605 140, 595 140, 585 155 Z" fill="#1a0d04"></path> <ellipse cx="600" cy="165" rx="5" ry="7" fill="#000000"></ellipse> <circle cx="601" cy="163" r="2" fill="#ffffff"></circle> <ellipse cx="630" cy="180" rx="3" ry="5" fill="#000000" transform="rotate(15, 630, 180)"></ellipse> <path d="M 620 190 C 625 195, 630 195, 635 190" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round"></path> <path d="M 580 160 C 590 145, 605 145, 615 155 L 610 160 C 600 150, 590 150, 585 165 Z" fill="#f1c40f"></path> <path d="M 615 176 C 625 170, 635 178, 635 182 C 625 188, 615 180, 615 176 Z" fill="#f1c40f"></path> <path d="M 520 250 C 540 270, 570 290, 590 310 C 600 320, 595 335, 585 335 C 550 315, 520 290, 510 270 Z" fill="url(#horseDark)"></path> <path d="M 585 335 L 600 345 L 590 355 L 575 345 Z" fill="#000000"></path> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download