SVG
Viewer
NeKACuHj
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Trim Padding
Optimize
11.48 KB
7.66 KB
-33%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="100%" height="100%"> <defs> <radialGradient id="bgGrad" cx="50%" cy="50%" r="75%"> <stop offset="0%" stop-color="#14241B"></stop> <stop offset="100%" stop-color="#0A0A0E"></stop> </radialGradient> <linearGradient id="tvGlow" x1="0%" y1="50%" x2="100%" y2="50%"> <stop offset="0%" stop-color="#39FF14" stop-opacity="0.15"></stop> <stop offset="100%" stop-color="#39FF14" stop-opacity="0"></stop> </linearGradient> <radialGradient id="bodyGrad" cx="30%" cy="30%" r="80%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="80%" stop-color="#E2E6EA"></stop> <stop offset="100%" stop-color="#CED4DA"></stop> </radialGradient> <linearGradient id="hornGrad" x1="0%" y1="100%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#F59F00"></stop> <stop offset="50%" stop-color="#FCC419"></stop> <stop offset="100%" stop-color="#FFE066"></stop> </linearGradient> <linearGradient id="padGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#2B3036"></stop> <stop offset="100%" stop-color="#16181C"></stop> </linearGradient> <filter id="glow" x="-50%" y="-50%" width="200%" height="200%"> <feGaussianBlur stdDeviation="6" result="blur"></feGaussianBlur> <feMerge> <feMergeNode in="blur"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <filter id="dropShadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="0" dy="8" stdDeviation="6" flood-color="#000000" flood-opacity="0.35"></fedropshadow> </filter> <clipPath id="hornClip"> <path d="M 380 190 L 280 50 L 410 170 Z"></path> </clipPath> </defs> <rect width="100%" height="100%" fill="url(#bgGrad)"></rect> <polygon points="0,0 0,800 500,650 400,150" fill="url(#tvGlow)" style="mix-blend-mode: screen;"></polygon> <circle cx="120" cy="250" r="10" fill="none" stroke="#107C10" stroke-width="3" opacity="0.6" filter="url(#glow)"></circle> <path d="M 80 500 h 8 v -8 h 8 v 8 h 8 v 8 h -8 v 8 h -8 v -8 h -8 z" fill="#0063B1" opacity="0.5" transform="rotate(15 92 504)"></path> <rect x="150" y="600" width="12" height="12" fill="none" stroke="#E81123" stroke-width="3" opacity="0.4" transform="rotate(45 156 606)"></rect> <polygon points="200,100 215,125 185,125" fill="none" stroke="#FCE100" stroke-width="3" opacity="0.5" transform="rotate(-20 200 115)"></polygon> <g id="beanbag" filter="url(#dropShadow)"> <ellipse cx="420" cy="720" rx="360" ry="110" fill="#15171E" stroke="#107C10" stroke-width="5" filter="url(#glow)"></ellipse> <ellipse cx="420" cy="690" rx="300" ry="80" fill="#1C1E26"></ellipse> <path d="M 120 690 C 250 750 590 750 720 690" fill="none" stroke="#107C10" stroke-width="2" opacity="0.5"></path> </g> <circle cx="230" cy="465" r="90" fill="#107C10" opacity="0.15" filter="url(#glow)"></circle> <g id="tail" filter="url(#dropShadow)"> <path d="M 480 640 Q 580 650 630 750 Q 570 770 520 710 Q 480 670 480 640 Z" fill="#B200FF"></path> <path d="M 490 610 Q 640 600 700 720 Q 630 740 550 680 Q 520 650 490 610 Z" fill="#00E5FF"></path> <path d="M 500 580 Q 670 540 740 660 Q 690 700 600 640 Q 550 600 500 580 Z" fill="#FF3366"></path> </g> <g id="left-leg"> <path d="M 380 550 C 350 650 250 680 170 650 L 150 610 C 200 630 280 600 300 550 Z" fill="#ADB5BD"></path> <path d="M 170 650 L 150 610 C 130 600 110 620 120 640 L 140 670 Z" fill="#D4AF37"></path> <line x1="135" y1="620" x2="155" y2="660" stroke="#997A00" stroke-width="2"></line> </g> <g id="left-arm"> <path d="M 380 420 Q 300 480 165 470 L 155 440 Q 280 430 350 390 Z" fill="#CED4DA"></path> <path d="M 165 470 C 145 480 125 460 135 440 L 155 440 C 165 450 175 460 165 470 Z" fill="#D4AF37"></path> <line x1="145" y1="440" x2="155" y2="475" stroke="#997A00" stroke-width="2"></line> </g> <g id="torso" filter="url(#dropShadow)"> <polygon points="380,300 510,260 490,450 380,420" fill="url(#bodyGrad)"></polygon> <path d="M 400 350 C 510 350 540 500 500 660 C 480 710 350 690 320 620 C 290 550 320 450 400 350 Z" fill="url(#bodyGrad)"></path> <path d="M 380 400 C 450 420 480 520 460 620 C 410 650 330 630 325 580 C 320 520 340 450 380 400 Z" fill="#F8F9FA" opacity="0.8"></path> </g> <g id="right-leg" filter="url(#dropShadow)"> <path d="M 480 560 C 510 680 410 760 300 730 L 280 680 C 330 700 390 650 380 590 C 370 540 420 520 480 560 Z" fill="url(#bodyGrad)"></path> <path d="M 300 730 L 280 680 C 250 670 230 690 240 710 L 270 750 Z" fill="url(#hornGrad)"></path> <line x1="260" y1="685" x2="285" y2="740" stroke="#B8860B" stroke-width="3"></line> </g> <g id="controller-group"> <path d="M 450 300 C 440 400 320 370 250 450" fill="none" stroke="#212529" stroke-width="4"></path> <g transform="translate(230, 465) rotate(22)" filter="url(#dropShadow)"> <path d="M -85 -15 C -70 -40 -40 -45 -20 -35 L -30 -25 Z" fill="#343A40"></path> <path d="M 85 -15 C 70 -40 40 -45 20 -35 L 30 -25 Z" fill="#343A40"></path> <path d="M -80 -20 C -95 -40 -30 -40 0 -30 C 30 -40 95 -40 80 -20 C 105 25 95 65 70 70 C 50 75 40 40 0 50 C -40 40 -50 75 -70 70 C -95 65 -105 25 -80 -20 Z" fill="url(#padGrad)" stroke="#343A40" stroke-width="3"></path> <path d="M -80 -20 C -105 25 -95 65 -70 70 C -50 75 -40 40 0 50" fill="none" stroke="#212529" stroke-width="2"></path> <path d="M 80 -20 C 105 25 95 65 70 70 C 50 75 40 40 0 50" fill="none" stroke="#212529" stroke-width="2"></path> <g transform="translate(-40, 25)"> <path d="M -12 -4 L -4 -4 L -4 -12 L 4 -12 L 4 -4 L 12 -4 L 12 4 L 4 4 L 4 12 L -4 12 L -4 4 L -12 4 Z" fill="#212529" stroke="#1A1D20" stroke-width="1"></path> </g> <circle cx="-45" cy="-10" r="16" fill="#1C1E22"></circle> <circle cx="-47" cy="-12" r="11" fill="#2C3036"></circle> <circle cx="-47" cy="-12" r="11" fill="none" stroke="#107C10" stroke-width="1.5"></circle> <circle cx="25" cy="25" r="16" fill="#1C1E22"></circle> <circle cx="23" cy="23" r="11" fill="#2C3036"></circle> <circle cx="23" cy="23" r="11" fill="none" stroke="#107C10" stroke-width="1.5"></circle> <g transform="translate(45, -12)"> <circle cx="0" cy="12" r="6" fill="#1A1C20"></circle> <circle cx="12" cy="0" r="6" fill="#1A1C20"></circle> <circle cx="-12" cy="0" r="6" fill="#1A1C20"></circle> <circle cx="0" cy="-12" r="6" fill="#1A1C20"></circle> <circle cx="0" cy="12" r="4.5" fill="#107C10" filter="url(#glow)"></circle> <circle cx="12" cy="0" r="4.5" fill="#E81123"></circle> <circle cx="-12" cy="0" r="4.5" fill="#0063B1"></circle> <circle cx="0" cy="-12" r="4.5" fill="#FCE100"></circle> </g> <rect x="-18" y="5" width="8" height="4" rx="2" fill="#212529"></rect> <rect x="10" y="5" width="8" height="4" rx="2" fill="#212529"></rect> <circle cx="0" cy="15" r="3" fill="#212529"></circle> <circle cx="0" cy="-20" r="11" fill="#F8F9FA" filter="url(#glow)"></circle> <path d="M -4 -24 L 4 -16 M -4 -16 L 4 -24" stroke="#107C10" stroke-width="2.5" stroke-linecap="round"></path> </g> </g> <g id="right-arm" filter="url(#dropShadow)"> <path d="M 450 440 C 450 510 380 530 290 490 L 280 460 C 350 480 400 460 410 410 Z" fill="url(#bodyGrad)"></path> <path d="M 290 490 C 265 500 245 480 255 460 L 280 460 C 290 470 300 480 290 490 Z" fill="url(#hornGrad)"></path> <line x1="265" y1="465" x2="280" y2="495" stroke="#B8860B" stroke-width="2"></line> </g> <g id="ear"> <path d="M 450 200 L 510 90 C 540 100 520 160 490 200 Z" fill="url(#bodyGrad)" stroke="#DEE2E6" stroke-width="2"></path> <path d="M 465 190 L 500 110 C 515 125 510 150 485 185 Z" fill="#FFB8B8"></path> </g> <g filter="url(#dropShadow)"> <path d="M 440 160 C 490 160 510 200 510 260 C 510 320 450 360 390 350 C 350 340 290 360 260 340 C 230 320 220 280 260 260 C 300 240 360 250 390 230 C 410 200 420 160 440 160 Z" fill="url(#bodyGrad)"></path> <path d="M 260 340 C 230 320 220 280 260 260 C 275 255 285 250 300 255 C 290 280 290 320 300 345 C 285 350 270 345 260 340 Z" fill="#FFE3E3"></path> <ellipse cx="260" cy="280" rx="4" ry="7" fill="#FF8787" transform="rotate(-15 260 280)"></ellipse> <path d="M 255 315 Q 280 325 300 305" fill="none" stroke="#212529" stroke-width="3" stroke-linecap="round"></path> <path d="M 270 320 Q 275 335 285 325 Z" fill="#FF3366"></path> <g transform="translate(370, 210)"> <path d="M -5 -12 L 25 -2" stroke="#212529" stroke-width="5" stroke-linecap="round" fill="none"></path> <path d="M 0 0 Q 15 -8 30 5" fill="none" stroke="#212529" stroke-width="4" stroke-linecap="round"></path> <circle cx="15" cy="5" r="7" fill="#212529"></circle> <circle cx="17" cy="3" r="2.5" fill="#FFFFFF"></circle> <circle cx="12" cy="7" r="2" fill="#39FF14"></circle> </g> </g> <g id="mane-back" filter="url(#dropShadow)"> <path d="M 480 320 Q 580 400 550 500 Q 510 420 460 400 Z" fill="#FFD700"></path> <path d="M 490 250 Q 620 300 590 420 Q 540 350 490 330 Z" fill="#B200FF"></path> <path d="M 480 200 Q 610 200 630 320 Q 550 260 500 280 Z" fill="#00E5FF"></path> <path d="M 450 160 Q 560 120 600 220 Q 540 180 490 220 Z" fill="#FF3366"></path> </g> <g id="headset" filter="url(#dropShadow)"> <path d="M 460 210 C 460 80 360 120 360 200" fill="none" stroke="#1A1C20" stroke-width="18" stroke-linecap="round"></path> <path d="M 455 190 C 455 100 375 130 370 190" fill="none" stroke="#107C10" stroke-width="4" stroke-linecap="round"></path> <rect x="425" y="210" width="70" height="90" rx="35" fill="#1A1C20" stroke="#107C10" stroke-width="4"></rect> <rect x="440" y="225" width="40" height="60" rx="20" fill="#2C3036"></rect> <circle cx="460" cy="255" r="12" fill="none" stroke="#107C10" stroke-width="3" filter="url(#glow)"></circle> <path d="M 440 285 Q 350 310 240 320" fill="none" stroke="#1A1C20" stroke-width="6" stroke-linecap="round"></path> <rect x="230" y="312" width="16" height="16" rx="8" fill="#2C3036"></rect> <circle cx="232" cy="320" r="4" fill="#39FF14" filter="url(#glow)"></circle> </g> <g id="horn" filter="url(#dropShadow)"> <path d="M 380 190 L 280 40 L 410 170 Z" fill="url(#hornGrad)"></path> <g clip-path="url(#hornClip)"> <path d="M 280 60 Q 320 70 340 50" fill="none" stroke="#B8860B" stroke-width="4"></path> <path d="M 290 90 Q 340 100 360 70" fill="none" stroke="#B8860B" stroke-width="4"></path> <path d="M 310 120 Q 360 130 380 100" fill="none" stroke="#B8860B" stroke-width="4"></path> <path d="M 320 150 Q 380 160 400 130" fill="none" stroke="#B8860B" stroke-width="4"></path> <path d="M 340 180 Q 400 190 420 160" fill="none" stroke="#B8860B" stroke-width="4"></path> </g> </g> <g id="mane-front" filter="url(#dropShadow)"> <path d="M 440 160 Q 380 90 310 130 Q 360 160 380 190 Z" fill="#FF3366"></path> <path d="M 420 160 Q 340 120 300 170 Q 350 180 370 200 Z" fill="#00E5FF"></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
11.48 KB
7.66 KB
-33%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="100%" height="100%"> <defs> <radialGradient id="bgGrad" cx="50%" cy="50%" r="75%"> <stop offset="0%" stop-color="#14241B"></stop> <stop offset="100%" stop-color="#0A0A0E"></stop> </radialGradient> <linearGradient id="tvGlow" x1="0%" y1="50%" x2="100%" y2="50%"> <stop offset="0%" stop-color="#39FF14" stop-opacity="0.15"></stop> <stop offset="100%" stop-color="#39FF14" stop-opacity="0"></stop> </linearGradient> <radialGradient id="bodyGrad" cx="30%" cy="30%" r="80%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="80%" stop-color="#E2E6EA"></stop> <stop offset="100%" stop-color="#CED4DA"></stop> </radialGradient> <linearGradient id="hornGrad" x1="0%" y1="100%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#F59F00"></stop> <stop offset="50%" stop-color="#FCC419"></stop> <stop offset="100%" stop-color="#FFE066"></stop> </linearGradient> <linearGradient id="padGrad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#2B3036"></stop> <stop offset="100%" stop-color="#16181C"></stop> </linearGradient> <filter id="glow" x="-50%" y="-50%" width="200%" height="200%"> <feGaussianBlur stdDeviation="6" result="blur"></feGaussianBlur> <feMerge> <feMergeNode in="blur"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <filter id="dropShadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="0" dy="8" stdDeviation="6" flood-color="#000000" flood-opacity="0.35"></fedropshadow> </filter> <clipPath id="hornClip"> <path d="M 380 190 L 280 50 L 410 170 Z"></path> </clipPath> </defs> <rect width="100%" height="100%" fill="url(#bgGrad)"></rect> <polygon points="0,0 0,800 500,650 400,150" fill="url(#tvGlow)" style="mix-blend-mode: screen;"></polygon> <circle cx="120" cy="250" r="10" fill="none" stroke="#107C10" stroke-width="3" opacity="0.6" filter="url(#glow)"></circle> <path d="M 80 500 h 8 v -8 h 8 v 8 h 8 v 8 h -8 v 8 h -8 v -8 h -8 z" fill="#0063B1" opacity="0.5" transform="rotate(15 92 504)"></path> <rect x="150" y="600" width="12" height="12" fill="none" stroke="#E81123" stroke-width="3" opacity="0.4" transform="rotate(45 156 606)"></rect> <polygon points="200,100 215,125 185,125" fill="none" stroke="#FCE100" stroke-width="3" opacity="0.5" transform="rotate(-20 200 115)"></polygon> <g id="beanbag" filter="url(#dropShadow)"> <ellipse cx="420" cy="720" rx="360" ry="110" fill="#15171E" stroke="#107C10" stroke-width="5" filter="url(#glow)"></ellipse> <ellipse cx="420" cy="690" rx="300" ry="80" fill="#1C1E26"></ellipse> <path d="M 120 690 C 250 750 590 750 720 690" fill="none" stroke="#107C10" stroke-width="2" opacity="0.5"></path> </g> <circle cx="230" cy="465" r="90" fill="#107C10" opacity="0.15" filter="url(#glow)"></circle> <g id="tail" filter="url(#dropShadow)"> <path d="M 480 640 Q 580 650 630 750 Q 570 770 520 710 Q 480 670 480 640 Z" fill="#B200FF"></path> <path d="M 490 610 Q 640 600 700 720 Q 630 740 550 680 Q 520 650 490 610 Z" fill="#00E5FF"></path> <path d="M 500 580 Q 670 540 740 660 Q 690 700 600 640 Q 550 600 500 580 Z" fill="#FF3366"></path> </g> <g id="left-leg"> <path d="M 380 550 C 350 650 250 680 170 650 L 150 610 C 200 630 280 600 300 550 Z" fill="#ADB5BD"></path> <path d="M 170 650 L 150 610 C 130 600 110 620 120 640 L 140 670 Z" fill="#D4AF37"></path> <line x1="135" y1="620" x2="155" y2="660" stroke="#997A00" stroke-width="2"></line> </g> <g id="left-arm"> <path d="M 380 420 Q 300 480 165 470 L 155 440 Q 280 430 350 390 Z" fill="#CED4DA"></path> <path d="M 165 470 C 145 480 125 460 135 440 L 155 440 C 165 450 175 460 165 470 Z" fill="#D4AF37"></path> <line x1="145" y1="440" x2="155" y2="475" stroke="#997A00" stroke-width="2"></line> </g> <g id="torso" filter="url(#dropShadow)"> <polygon points="380,300 510,260 490,450 380,420" fill="url(#bodyGrad)"></polygon> <path d="M 400 350 C 510 350 540 500 500 660 C 480 710 350 690 320 620 C 290 550 320 450 400 350 Z" fill="url(#bodyGrad)"></path> <path d="M 380 400 C 450 420 480 520 460 620 C 410 650 330 630 325 580 C 320 520 340 450 380 400 Z" fill="#F8F9FA" opacity="0.8"></path> </g> <g id="right-leg" filter="url(#dropShadow)"> <path d="M 480 560 C 510 680 410 760 300 730 L 280 680 C 330 700 390 650 380 590 C 370 540 420 520 480 560 Z" fill="url(#bodyGrad)"></path> <path d="M 300 730 L 280 680 C 250 670 230 690 240 710 L 270 750 Z" fill="url(#hornGrad)"></path> <line x1="260" y1="685" x2="285" y2="740" stroke="#B8860B" stroke-width="3"></line> </g> <g id="controller-group"> <path d="M 450 300 C 440 400 320 370 250 450" fill="none" stroke="#212529" stroke-width="4"></path> <g transform="translate(230, 465) rotate(22)" filter="url(#dropShadow)"> <path d="M -85 -15 C -70 -40 -40 -45 -20 -35 L -30 -25 Z" fill="#343A40"></path> <path d="M 85 -15 C 70 -40 40 -45 20 -35 L 30 -25 Z" fill="#343A40"></path> <path d="M -80 -20 C -95 -40 -30 -40 0 -30 C 30 -40 95 -40 80 -20 C 105 25 95 65 70 70 C 50 75 40 40 0 50 C -40 40 -50 75 -70 70 C -95 65 -105 25 -80 -20 Z" fill="url(#padGrad)" stroke="#343A40" stroke-width="3"></path> <path d="M -80 -20 C -105 25 -95 65 -70 70 C -50 75 -40 40 0 50" fill="none" stroke="#212529" stroke-width="2"></path> <path d="M 80 -20 C 105 25 95 65 70 70 C 50 75 40 40 0 50" fill="none" stroke="#212529" stroke-width="2"></path> <g transform="translate(-40, 25)"> <path d="M -12 -4 L -4 -4 L -4 -12 L 4 -12 L 4 -4 L 12 -4 L 12 4 L 4 4 L 4 12 L -4 12 L -4 4 L -12 4 Z" fill="#212529" stroke="#1A1D20" stroke-width="1"></path> </g> <circle cx="-45" cy="-10" r="16" fill="#1C1E22"></circle> <circle cx="-47" cy="-12" r="11" fill="#2C3036"></circle> <circle cx="-47" cy="-12" r="11" fill="none" stroke="#107C10" stroke-width="1.5"></circle> <circle cx="25" cy="25" r="16" fill="#1C1E22"></circle> <circle cx="23" cy="23" r="11" fill="#2C3036"></circle> <circle cx="23" cy="23" r="11" fill="none" stroke="#107C10" stroke-width="1.5"></circle> <g transform="translate(45, -12)"> <circle cx="0" cy="12" r="6" fill="#1A1C20"></circle> <circle cx="12" cy="0" r="6" fill="#1A1C20"></circle> <circle cx="-12" cy="0" r="6" fill="#1A1C20"></circle> <circle cx="0" cy="-12" r="6" fill="#1A1C20"></circle> <circle cx="0" cy="12" r="4.5" fill="#107C10" filter="url(#glow)"></circle> <circle cx="12" cy="0" r="4.5" fill="#E81123"></circle> <circle cx="-12" cy="0" r="4.5" fill="#0063B1"></circle> <circle cx="0" cy="-12" r="4.5" fill="#FCE100"></circle> </g> <rect x="-18" y="5" width="8" height="4" rx="2" fill="#212529"></rect> <rect x="10" y="5" width="8" height="4" rx="2" fill="#212529"></rect> <circle cx="0" cy="15" r="3" fill="#212529"></circle> <circle cx="0" cy="-20" r="11" fill="#F8F9FA" filter="url(#glow)"></circle> <path d="M -4 -24 L 4 -16 M -4 -16 L 4 -24" stroke="#107C10" stroke-width="2.5" stroke-linecap="round"></path> </g> </g> <g id="right-arm" filter="url(#dropShadow)"> <path d="M 450 440 C 450 510 380 530 290 490 L 280 460 C 350 480 400 460 410 410 Z" fill="url(#bodyGrad)"></path> <path d="M 290 490 C 265 500 245 480 255 460 L 280 460 C 290 470 300 480 290 490 Z" fill="url(#hornGrad)"></path> <line x1="265" y1="465" x2="280" y2="495" stroke="#B8860B" stroke-width="2"></line> </g> <g id="ear"> <path d="M 450 200 L 510 90 C 540 100 520 160 490 200 Z" fill="url(#bodyGrad)" stroke="#DEE2E6" stroke-width="2"></path> <path d="M 465 190 L 500 110 C 515 125 510 150 485 185 Z" fill="#FFB8B8"></path> </g> <g filter="url(#dropShadow)"> <path d="M 440 160 C 490 160 510 200 510 260 C 510 320 450 360 390 350 C 350 340 290 360 260 340 C 230 320 220 280 260 260 C 300 240 360 250 390 230 C 410 200 420 160 440 160 Z" fill="url(#bodyGrad)"></path> <path d="M 260 340 C 230 320 220 280 260 260 C 275 255 285 250 300 255 C 290 280 290 320 300 345 C 285 350 270 345 260 340 Z" fill="#FFE3E3"></path> <ellipse cx="260" cy="280" rx="4" ry="7" fill="#FF8787" transform="rotate(-15 260 280)"></ellipse> <path d="M 255 315 Q 280 325 300 305" fill="none" stroke="#212529" stroke-width="3" stroke-linecap="round"></path> <path d="M 270 320 Q 275 335 285 325 Z" fill="#FF3366"></path> <g transform="translate(370, 210)"> <path d="M -5 -12 L 25 -2" stroke="#212529" stroke-width="5" stroke-linecap="round" fill="none"></path> <path d="M 0 0 Q 15 -8 30 5" fill="none" stroke="#212529" stroke-width="4" stroke-linecap="round"></path> <circle cx="15" cy="5" r="7" fill="#212529"></circle> <circle cx="17" cy="3" r="2.5" fill="#FFFFFF"></circle> <circle cx="12" cy="7" r="2" fill="#39FF14"></circle> </g> </g> <g id="mane-back" filter="url(#dropShadow)"> <path d="M 480 320 Q 580 400 550 500 Q 510 420 460 400 Z" fill="#FFD700"></path> <path d="M 490 250 Q 620 300 590 420 Q 540 350 490 330 Z" fill="#B200FF"></path> <path d="M 480 200 Q 610 200 630 320 Q 550 260 500 280 Z" fill="#00E5FF"></path> <path d="M 450 160 Q 560 120 600 220 Q 540 180 490 220 Z" fill="#FF3366"></path> </g> <g id="headset" filter="url(#dropShadow)"> <path d="M 460 210 C 460 80 360 120 360 200" fill="none" stroke="#1A1C20" stroke-width="18" stroke-linecap="round"></path> <path d="M 455 190 C 455 100 375 130 370 190" fill="none" stroke="#107C10" stroke-width="4" stroke-linecap="round"></path> <rect x="425" y="210" width="70" height="90" rx="35" fill="#1A1C20" stroke="#107C10" stroke-width="4"></rect> <rect x="440" y="225" width="40" height="60" rx="20" fill="#2C3036"></rect> <circle cx="460" cy="255" r="12" fill="none" stroke="#107C10" stroke-width="3" filter="url(#glow)"></circle> <path d="M 440 285 Q 350 310 240 320" fill="none" stroke="#1A1C20" stroke-width="6" stroke-linecap="round"></path> <rect x="230" y="312" width="16" height="16" rx="8" fill="#2C3036"></rect> <circle cx="232" cy="320" r="4" fill="#39FF14" filter="url(#glow)"></circle> </g> <g id="horn" filter="url(#dropShadow)"> <path d="M 380 190 L 280 40 L 410 170 Z" fill="url(#hornGrad)"></path> <g clip-path="url(#hornClip)"> <path d="M 280 60 Q 320 70 340 50" fill="none" stroke="#B8860B" stroke-width="4"></path> <path d="M 290 90 Q 340 100 360 70" fill="none" stroke="#B8860B" stroke-width="4"></path> <path d="M 310 120 Q 360 130 380 100" fill="none" stroke="#B8860B" stroke-width="4"></path> <path d="M 320 150 Q 380 160 400 130" fill="none" stroke="#B8860B" stroke-width="4"></path> <path d="M 340 180 Q 400 190 420 160" fill="none" stroke="#B8860B" stroke-width="4"></path> </g> </g> <g id="mane-front" filter="url(#dropShadow)"> <path d="M 440 160 Q 380 90 310 130 Q 360 160 380 190 Z" fill="#FF3366"></path> <path d="M 420 160 Q 340 120 300 170 Q 350 180 370 200 Z" fill="#00E5FF"></path> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download