SVG
Viewer
XJhwSdZP
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Trim Padding
Optimize
11.87 KB
6.8 KB
-43%
Prettify
Preferences
Clear
<svg width="100%" height="100%" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="floorShadow" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#C5CBD4" stop-opacity="0.8"></stop> <stop offset="100%" stop-color="#C5CBD4" stop-opacity="0"></stop> </radialGradient> <radialGradient id="greyBody" cx="35%" cy="35%" r="65%"> <stop offset="0%" stop-color="#C6CBD4"></stop> <stop offset="80%" stop-color="#848A94"></stop> <stop offset="100%" stop-color="#656B73"></stop> </radialGradient> <radialGradient id="greyHead" cx="40%" cy="40%" r="60%"> <stop offset="0%" stop-color="#D1D6DE"></stop> <stop offset="100%" stop-color="#7B818A"></stop> </radialGradient> <radialGradient id="greyBelly" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#E2E6EB"></stop> <stop offset="100%" stop-color="#A5ACB6"></stop> </radialGradient> <radialGradient id="whiteBody" cx="35%" cy="35%" r="65%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="80%" stop-color="#F2F4F7"></stop> <stop offset="100%" stop-color="#D8DBE2"></stop> </radialGradient> <radialGradient id="whiteHead" cx="40%" cy="40%" r="60%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="100%" stop-color="#E5E8ED"></stop> </radialGradient> <radialGradient id="whiteBelly" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="100%" stop-color="#F0F2F5"></stop> </radialGradient> <filter id="cuddleShadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="-10" dy="5" stdDeviation="6" flood-color="#4A525E" flood-opacity="0.2"></fedropshadow> </filter> </defs> <rect width="100%" height="100%" fill="#E8EDF2"></rect> <ellipse cx="410" cy="510" rx="320" ry="35" fill="url(#floorShadow)"></ellipse> <g id="greyChinchilla"> <path d="M 260 470 C 100 520, 50 300, 160 280 C 220 270, 240 330, 200 380" fill="none" stroke="#7B818A" stroke-width="50" stroke-linecap="round"></path> <path d="M 260 470 C 100 520, 50 300, 160 280 C 220 270, 240 330, 200 380" fill="none" stroke="#A5ABB5" stroke-width="25" stroke-linecap="round"></path> <ellipse cx="240" cy="460" rx="35" ry="45" fill="url(#greyBody)"></ellipse> <ellipse cx="420" cy="460" rx="35" ry="45" fill="url(#greyBody)"></ellipse> <g id="greyHindFeet"> <ellipse cx="230" cy="495" rx="16" ry="25" transform="rotate(20 230 495)" fill="url(#greyHead)"></ellipse> <line x1="223" y1="503" x2="223" y2="512" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></line> <line x1="230" y1="506" x2="230" y2="515" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></line> <ellipse cx="430" cy="495" rx="16" ry="25" transform="rotate(-20 430 495)" fill="url(#greyHead)"></ellipse> <line x1="437" y1="503" x2="437" y2="512" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></line> <line x1="430" y1="506" x2="430" y2="515" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></line> </g> <path d="M 330 260 C 250 260 220 350 220 420 C 220 500 280 510 330 510 C 380 510 440 500 440 420 C 440 350 410 260 330 260 Z" fill="url(#greyBody)"></path> <path d="M 330 330 C 280 330 260 390 260 440 C 260 480 300 495 330 495 C 360 495 400 480 400 440 C 400 390 380 330 330 330 Z" fill="url(#greyBelly)"></path> <g id="greyEars"> <ellipse cx="260" cy="190" rx="32" ry="55" transform="rotate(-25 260 190)" fill="url(#greyBody)"></ellipse> <ellipse cx="260" cy="195" rx="18" ry="40" transform="rotate(-25 260 190)" fill="#D3C7C7"></ellipse> <path d="M 252 165 Q 248 190 260 210" stroke="#B8A9A9" stroke-width="2" fill="none"></path> <ellipse cx="400" cy="190" rx="32" ry="55" transform="rotate(25 400 190)" fill="url(#greyBody)"></ellipse> <ellipse cx="400" cy="195" rx="18" ry="40" transform="rotate(25 400 190)" fill="#D3C7C7"></ellipse> <path d="M 408 165 Q 412 190 400 210" stroke="#B8A9A9" stroke-width="2" fill="none"></path> </g> <ellipse cx="330" cy="270" rx="85" ry="75" fill="url(#greyHead)"></ellipse> <path d="M 320 195 Q 330 185 340 195 Q 335 180 320 195" fill="#7B818A"></path> <ellipse cx="330" cy="295" rx="38" ry="24" fill="#E2E6EB"></ellipse> <ellipse cx="290" cy="295" rx="12" ry="8" fill="#FFB3B3" opacity="0.4"></ellipse> <ellipse cx="370" cy="295" rx="12" ry="8" fill="#FFB3B3" opacity="0.4"></ellipse> <g id="greyEyes"> <circle cx="280" cy="285" r="11" fill="#1A1A1A"></circle> <circle cx="276" cy="281" r="3.5" fill="#FFFFFF"></circle> <circle cx="283" cy="288" r="1.5" fill="#FFFFFF"></circle> <circle cx="380" cy="285" r="11" fill="#1A1A1A"></circle> <circle cx="376" cy="281" r="3.5" fill="#FFFFFF"></circle> <circle cx="383" cy="288" r="1.5" fill="#FFFFFF"></circle> </g> <path d="M 325 288 L 335 288 L 330 295 Z" fill="#ECAFAF"></path> <path d="M 330 295 Q 330 304 320 307" fill="none" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></path> <path d="M 330 295 Q 330 304 340 307" fill="none" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></path> <g id="greyWhiskers" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.8"> <path d="M 300 290 Q 210 270 160 280"></path> <path d="M 300 295 Q 200 295 150 310"></path> <path d="M 300 300 Q 210 315 160 335"></path> <path d="M 360 290 Q 450 270 500 280"></path> <path d="M 360 295 Q 460 295 510 310"></path> <path d="M 360 300 Q 450 315 500 335"></path> </g> <g id="greyFrontPaws"> <ellipse cx="305" cy="380" rx="14" ry="22" transform="rotate(15 305 380)" fill="url(#greyHead)"></ellipse> <line x1="300" y1="389" x2="300" y2="395" stroke="#5C626A" stroke-width="1.5" stroke-linecap="round"></line> <line x1="307" y1="391" x2="307" y2="397" stroke="#5C626A" stroke-width="1.5" stroke-linecap="round"></line> <ellipse cx="355" cy="380" rx="14" ry="22" transform="rotate(-15 355 380)" fill="url(#greyHead)"></ellipse> <line x1="353" y1="391" x2="353" y2="397" stroke="#5C626A" stroke-width="1.5" stroke-linecap="round"></line> <line x1="360" y1="389" x2="360" y2="395" stroke="#5C626A" stroke-width="1.5" stroke-linecap="round"></line> </g> </g> <g id="whiteChinchilla" filter="url(#cuddleShadow)"> <path d="M 540 470 C 700 520, 750 300, 640 280 C 580 270, 560 330, 600 380" fill="none" stroke="#D8DBE2" stroke-width="50" stroke-linecap="round"></path> <path d="M 540 470 C 700 520, 750 300, 640 280 C 580 270, 560 330, 600 380" fill="none" stroke="#FFFFFF" stroke-width="25" stroke-linecap="round"></path> <ellipse cx="400" cy="460" rx="35" ry="45" fill="url(#whiteBody)"></ellipse> <ellipse cx="580" cy="460" rx="35" ry="45" fill="url(#whiteBody)"></ellipse> <g id="whiteHindFeet"> <ellipse cx="390" cy="495" rx="16" ry="25" transform="rotate(20 390 495)" fill="url(#whiteHead)"></ellipse> <line x1="383" y1="503" x2="383" y2="512" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></line> <line x1="390" y1="506" x2="390" y2="515" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></line> <ellipse cx="590" cy="495" rx="16" ry="25" transform="rotate(-20 590 495)" fill="url(#whiteHead)"></ellipse> <line x1="597" y1="503" x2="597" y2="512" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></line> <line x1="590" y1="506" x2="590" y2="515" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></line> </g> <path d="M 490 260 C 410 260 380 350 380 420 C 380 500 440 510 490 510 C 540 510 600 500 600 420 C 600 350 570 260 490 260 Z" fill="url(#whiteBody)"></path> <path d="M 490 330 C 440 330 420 390 420 440 C 420 480 460 495 490 495 C 520 495 560 480 560 440 C 560 390 540 330 490 330 Z" fill="url(#whiteBelly)"></path> <g id="whiteEars"> <ellipse cx="420" cy="190" rx="32" ry="55" transform="rotate(-25 420 190)" fill="url(#whiteBody)"></ellipse> <ellipse cx="420" cy="195" rx="18" ry="40" transform="rotate(-25 420 190)" fill="#F4DBDB"></ellipse> <path d="M 412 165 Q 408 190 420 210" stroke="#E5CACA" stroke-width="2" fill="none"></path> <ellipse cx="560" cy="190" rx="32" ry="55" transform="rotate(25 560 190)" fill="url(#whiteBody)"></ellipse> <ellipse cx="560" cy="195" rx="18" ry="40" transform="rotate(25 560 190)" fill="#F4DBDB"></ellipse> <path d="M 568 165 Q 572 190 560 210" stroke="#E5CACA" stroke-width="2" fill="none"></path> </g> <ellipse cx="490" cy="270" rx="85" ry="75" fill="url(#whiteHead)"></ellipse> <path d="M 480 195 Q 490 185 500 195 Q 495 180 480 195" fill="#E5E8ED"></path> <ellipse cx="490" cy="295" rx="38" ry="24" fill="#FFFFFF"></ellipse> <ellipse cx="450" cy="295" rx="12" ry="8" fill="#FFB3B3" opacity="0.45"></ellipse> <ellipse cx="530" cy="295" rx="12" ry="8" fill="#FFB3B3" opacity="0.45"></ellipse> <g id="whiteEyes"> <circle cx="440" cy="285" r="11" fill="#1A1A1A"></circle> <circle cx="436" cy="281" r="3.5" fill="#FFFFFF"></circle> <circle cx="443" cy="288" r="1.5" fill="#FFFFFF"></circle> <circle cx="540" cy="285" r="11" fill="#1A1A1A"></circle> <circle cx="536" cy="281" r="3.5" fill="#FFFFFF"></circle> <circle cx="543" cy="288" r="1.5" fill="#FFFFFF"></circle> </g> <path d="M 485 288 L 495 288 L 490 295 Z" fill="#F4B8B8"></path> <path d="M 490 295 Q 490 304 480 307" fill="none" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></path> <path d="M 490 295 Q 490 304 500 307" fill="none" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></path> <g id="whiteWhiskers" stroke="#A9B0BB" stroke-width="1.5" fill="none" opacity="0.6"> <path d="M 460 290 Q 370 270 320 280"></path> <path d="M 460 295 Q 360 295 310 310"></path> <path d="M 460 300 Q 370 315 320 335"></path> <path d="M 520 290 Q 610 270 660 280"></path> <path d="M 520 295 Q 620 295 670 310"></path> <path d="M 520 300 Q 610 315 660 335"></path> </g> <g id="whiteFrontPaws"> <ellipse cx="465" cy="380" rx="14" ry="22" transform="rotate(15 465 380)" fill="url(#whiteHead)"></ellipse> <line x1="460" y1="389" x2="460" y2="395" stroke="#A9B0BB" stroke-width="1.5" stroke-linecap="round"></line> <line x1="467" y1="391" x2="467" y2="397" stroke="#A9B0BB" stroke-width="1.5" stroke-linecap="round"></line> <ellipse cx="515" cy="380" rx="14" ry="22" transform="rotate(-15 515 380)" fill="url(#whiteHead)"></ellipse> <line x1="513" y1="391" x2="513" y2="397" stroke="#A9B0BB" stroke-width="1.5" stroke-linecap="round"></line> <line x1="520" y1="389" x2="520" y2="395" stroke="#A9B0BB" stroke-width="1.5" stroke-linecap="round"></line> </g> </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.87 KB
6.8 KB
-43%
Prettify
Preferences
Clear
<svg width="100%" height="100%" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="floorShadow" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#C5CBD4" stop-opacity="0.8"></stop> <stop offset="100%" stop-color="#C5CBD4" stop-opacity="0"></stop> </radialGradient> <radialGradient id="greyBody" cx="35%" cy="35%" r="65%"> <stop offset="0%" stop-color="#C6CBD4"></stop> <stop offset="80%" stop-color="#848A94"></stop> <stop offset="100%" stop-color="#656B73"></stop> </radialGradient> <radialGradient id="greyHead" cx="40%" cy="40%" r="60%"> <stop offset="0%" stop-color="#D1D6DE"></stop> <stop offset="100%" stop-color="#7B818A"></stop> </radialGradient> <radialGradient id="greyBelly" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#E2E6EB"></stop> <stop offset="100%" stop-color="#A5ACB6"></stop> </radialGradient> <radialGradient id="whiteBody" cx="35%" cy="35%" r="65%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="80%" stop-color="#F2F4F7"></stop> <stop offset="100%" stop-color="#D8DBE2"></stop> </radialGradient> <radialGradient id="whiteHead" cx="40%" cy="40%" r="60%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="100%" stop-color="#E5E8ED"></stop> </radialGradient> <radialGradient id="whiteBelly" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#FFFFFF"></stop> <stop offset="100%" stop-color="#F0F2F5"></stop> </radialGradient> <filter id="cuddleShadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="-10" dy="5" stdDeviation="6" flood-color="#4A525E" flood-opacity="0.2"></fedropshadow> </filter> </defs> <rect width="100%" height="100%" fill="#E8EDF2"></rect> <ellipse cx="410" cy="510" rx="320" ry="35" fill="url(#floorShadow)"></ellipse> <g id="greyChinchilla"> <path d="M 260 470 C 100 520, 50 300, 160 280 C 220 270, 240 330, 200 380" fill="none" stroke="#7B818A" stroke-width="50" stroke-linecap="round"></path> <path d="M 260 470 C 100 520, 50 300, 160 280 C 220 270, 240 330, 200 380" fill="none" stroke="#A5ABB5" stroke-width="25" stroke-linecap="round"></path> <ellipse cx="240" cy="460" rx="35" ry="45" fill="url(#greyBody)"></ellipse> <ellipse cx="420" cy="460" rx="35" ry="45" fill="url(#greyBody)"></ellipse> <g id="greyHindFeet"> <ellipse cx="230" cy="495" rx="16" ry="25" transform="rotate(20 230 495)" fill="url(#greyHead)"></ellipse> <line x1="223" y1="503" x2="223" y2="512" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></line> <line x1="230" y1="506" x2="230" y2="515" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></line> <ellipse cx="430" cy="495" rx="16" ry="25" transform="rotate(-20 430 495)" fill="url(#greyHead)"></ellipse> <line x1="437" y1="503" x2="437" y2="512" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></line> <line x1="430" y1="506" x2="430" y2="515" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></line> </g> <path d="M 330 260 C 250 260 220 350 220 420 C 220 500 280 510 330 510 C 380 510 440 500 440 420 C 440 350 410 260 330 260 Z" fill="url(#greyBody)"></path> <path d="M 330 330 C 280 330 260 390 260 440 C 260 480 300 495 330 495 C 360 495 400 480 400 440 C 400 390 380 330 330 330 Z" fill="url(#greyBelly)"></path> <g id="greyEars"> <ellipse cx="260" cy="190" rx="32" ry="55" transform="rotate(-25 260 190)" fill="url(#greyBody)"></ellipse> <ellipse cx="260" cy="195" rx="18" ry="40" transform="rotate(-25 260 190)" fill="#D3C7C7"></ellipse> <path d="M 252 165 Q 248 190 260 210" stroke="#B8A9A9" stroke-width="2" fill="none"></path> <ellipse cx="400" cy="190" rx="32" ry="55" transform="rotate(25 400 190)" fill="url(#greyBody)"></ellipse> <ellipse cx="400" cy="195" rx="18" ry="40" transform="rotate(25 400 190)" fill="#D3C7C7"></ellipse> <path d="M 408 165 Q 412 190 400 210" stroke="#B8A9A9" stroke-width="2" fill="none"></path> </g> <ellipse cx="330" cy="270" rx="85" ry="75" fill="url(#greyHead)"></ellipse> <path d="M 320 195 Q 330 185 340 195 Q 335 180 320 195" fill="#7B818A"></path> <ellipse cx="330" cy="295" rx="38" ry="24" fill="#E2E6EB"></ellipse> <ellipse cx="290" cy="295" rx="12" ry="8" fill="#FFB3B3" opacity="0.4"></ellipse> <ellipse cx="370" cy="295" rx="12" ry="8" fill="#FFB3B3" opacity="0.4"></ellipse> <g id="greyEyes"> <circle cx="280" cy="285" r="11" fill="#1A1A1A"></circle> <circle cx="276" cy="281" r="3.5" fill="#FFFFFF"></circle> <circle cx="283" cy="288" r="1.5" fill="#FFFFFF"></circle> <circle cx="380" cy="285" r="11" fill="#1A1A1A"></circle> <circle cx="376" cy="281" r="3.5" fill="#FFFFFF"></circle> <circle cx="383" cy="288" r="1.5" fill="#FFFFFF"></circle> </g> <path d="M 325 288 L 335 288 L 330 295 Z" fill="#ECAFAF"></path> <path d="M 330 295 Q 330 304 320 307" fill="none" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></path> <path d="M 330 295 Q 330 304 340 307" fill="none" stroke="#5C626A" stroke-width="2" stroke-linecap="round"></path> <g id="greyWhiskers" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.8"> <path d="M 300 290 Q 210 270 160 280"></path> <path d="M 300 295 Q 200 295 150 310"></path> <path d="M 300 300 Q 210 315 160 335"></path> <path d="M 360 290 Q 450 270 500 280"></path> <path d="M 360 295 Q 460 295 510 310"></path> <path d="M 360 300 Q 450 315 500 335"></path> </g> <g id="greyFrontPaws"> <ellipse cx="305" cy="380" rx="14" ry="22" transform="rotate(15 305 380)" fill="url(#greyHead)"></ellipse> <line x1="300" y1="389" x2="300" y2="395" stroke="#5C626A" stroke-width="1.5" stroke-linecap="round"></line> <line x1="307" y1="391" x2="307" y2="397" stroke="#5C626A" stroke-width="1.5" stroke-linecap="round"></line> <ellipse cx="355" cy="380" rx="14" ry="22" transform="rotate(-15 355 380)" fill="url(#greyHead)"></ellipse> <line x1="353" y1="391" x2="353" y2="397" stroke="#5C626A" stroke-width="1.5" stroke-linecap="round"></line> <line x1="360" y1="389" x2="360" y2="395" stroke="#5C626A" stroke-width="1.5" stroke-linecap="round"></line> </g> </g> <g id="whiteChinchilla" filter="url(#cuddleShadow)"> <path d="M 540 470 C 700 520, 750 300, 640 280 C 580 270, 560 330, 600 380" fill="none" stroke="#D8DBE2" stroke-width="50" stroke-linecap="round"></path> <path d="M 540 470 C 700 520, 750 300, 640 280 C 580 270, 560 330, 600 380" fill="none" stroke="#FFFFFF" stroke-width="25" stroke-linecap="round"></path> <ellipse cx="400" cy="460" rx="35" ry="45" fill="url(#whiteBody)"></ellipse> <ellipse cx="580" cy="460" rx="35" ry="45" fill="url(#whiteBody)"></ellipse> <g id="whiteHindFeet"> <ellipse cx="390" cy="495" rx="16" ry="25" transform="rotate(20 390 495)" fill="url(#whiteHead)"></ellipse> <line x1="383" y1="503" x2="383" y2="512" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></line> <line x1="390" y1="506" x2="390" y2="515" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></line> <ellipse cx="590" cy="495" rx="16" ry="25" transform="rotate(-20 590 495)" fill="url(#whiteHead)"></ellipse> <line x1="597" y1="503" x2="597" y2="512" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></line> <line x1="590" y1="506" x2="590" y2="515" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></line> </g> <path d="M 490 260 C 410 260 380 350 380 420 C 380 500 440 510 490 510 C 540 510 600 500 600 420 C 600 350 570 260 490 260 Z" fill="url(#whiteBody)"></path> <path d="M 490 330 C 440 330 420 390 420 440 C 420 480 460 495 490 495 C 520 495 560 480 560 440 C 560 390 540 330 490 330 Z" fill="url(#whiteBelly)"></path> <g id="whiteEars"> <ellipse cx="420" cy="190" rx="32" ry="55" transform="rotate(-25 420 190)" fill="url(#whiteBody)"></ellipse> <ellipse cx="420" cy="195" rx="18" ry="40" transform="rotate(-25 420 190)" fill="#F4DBDB"></ellipse> <path d="M 412 165 Q 408 190 420 210" stroke="#E5CACA" stroke-width="2" fill="none"></path> <ellipse cx="560" cy="190" rx="32" ry="55" transform="rotate(25 560 190)" fill="url(#whiteBody)"></ellipse> <ellipse cx="560" cy="195" rx="18" ry="40" transform="rotate(25 560 190)" fill="#F4DBDB"></ellipse> <path d="M 568 165 Q 572 190 560 210" stroke="#E5CACA" stroke-width="2" fill="none"></path> </g> <ellipse cx="490" cy="270" rx="85" ry="75" fill="url(#whiteHead)"></ellipse> <path d="M 480 195 Q 490 185 500 195 Q 495 180 480 195" fill="#E5E8ED"></path> <ellipse cx="490" cy="295" rx="38" ry="24" fill="#FFFFFF"></ellipse> <ellipse cx="450" cy="295" rx="12" ry="8" fill="#FFB3B3" opacity="0.45"></ellipse> <ellipse cx="530" cy="295" rx="12" ry="8" fill="#FFB3B3" opacity="0.45"></ellipse> <g id="whiteEyes"> <circle cx="440" cy="285" r="11" fill="#1A1A1A"></circle> <circle cx="436" cy="281" r="3.5" fill="#FFFFFF"></circle> <circle cx="443" cy="288" r="1.5" fill="#FFFFFF"></circle> <circle cx="540" cy="285" r="11" fill="#1A1A1A"></circle> <circle cx="536" cy="281" r="3.5" fill="#FFFFFF"></circle> <circle cx="543" cy="288" r="1.5" fill="#FFFFFF"></circle> </g> <path d="M 485 288 L 495 288 L 490 295 Z" fill="#F4B8B8"></path> <path d="M 490 295 Q 490 304 480 307" fill="none" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></path> <path d="M 490 295 Q 490 304 500 307" fill="none" stroke="#A9B0BB" stroke-width="2" stroke-linecap="round"></path> <g id="whiteWhiskers" stroke="#A9B0BB" stroke-width="1.5" fill="none" opacity="0.6"> <path d="M 460 290 Q 370 270 320 280"></path> <path d="M 460 295 Q 360 295 310 310"></path> <path d="M 460 300 Q 370 315 320 335"></path> <path d="M 520 290 Q 610 270 660 280"></path> <path d="M 520 295 Q 620 295 670 310"></path> <path d="M 520 300 Q 610 315 660 335"></path> </g> <g id="whiteFrontPaws"> <ellipse cx="465" cy="380" rx="14" ry="22" transform="rotate(15 465 380)" fill="url(#whiteHead)"></ellipse> <line x1="460" y1="389" x2="460" y2="395" stroke="#A9B0BB" stroke-width="1.5" stroke-linecap="round"></line> <line x1="467" y1="391" x2="467" y2="397" stroke="#A9B0BB" stroke-width="1.5" stroke-linecap="round"></line> <ellipse cx="515" cy="380" rx="14" ry="22" transform="rotate(-15 515 380)" fill="url(#whiteHead)"></ellipse> <line x1="513" y1="391" x2="513" y2="397" stroke="#A9B0BB" stroke-width="1.5" stroke-linecap="round"></line> <line x1="520" y1="389" x2="520" y2="395" stroke="#A9B0BB" stroke-width="1.5" stroke-linecap="round"></line> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download