SVG
Viewer
MisifUC7
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
6.72 KB
3.65 KB
-46%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 450" width="500" height="450"> <rect width="500" height="450" fill="#e8f4f8"></rect> <ellipse cx="250" cy="400" rx="220" ry="15" fill="#a8d08d"></ellipse> <circle cx="180" cy="360" r="45" fill="none" stroke="#333" stroke-width="4"></circle> <circle cx="180" cy="360" r="5" fill="#333"></circle> <line x1="180" y1="315" x2="180" y2="405" stroke="#666" stroke-width="1.5"></line> <line x1="135" y1="360" x2="225" y2="360" stroke="#666" stroke-width="1.5"></line> <line x1="148" y1="328" x2="212" y2="392" stroke="#666" stroke-width="1.5"></line> <line x1="212" y1="328" x2="148" y2="392" stroke="#666" stroke-width="1.5"></line> <circle cx="330" cy="360" r="45" fill="none" stroke="#333" stroke-width="4"></circle> <circle cx="330" cy="360" r="5" fill="#333"></circle> <line x1="330" y1="315" x2="330" y2="405" stroke="#666" stroke-width="1.5"></line> <line x1="285" y1="360" x2="375" y2="360" stroke="#666" stroke-width="1.5"></line> <line x1="298" y1="328" x2="362" y2="392" stroke="#666" stroke-width="1.5"></line> <line x1="362" y1="328" x2="298" y2="392" stroke="#666" stroke-width="1.5"></line> <line x1="180" y1="360" x2="250" y2="300" stroke="#e74c3c" stroke-width="5"></line> <line x1="250" y1="300" x2="330" y2="360" stroke="#e74c3c" stroke-width="5"></line> <line x1="180" y1="360" x2="260" y2="360" stroke="#e74c3c" stroke-width="5"></line> <line x1="260" y1="360" x2="330" y2="360" stroke="#e74c3c" stroke-width="4"></line> <line x1="250" y1="300" x2="270" y2="360" stroke="#e74c3c" stroke-width="4"></line> <ellipse cx="245" cy="295" rx="18" ry="6" fill="#333"></ellipse> <line x1="245" y1="300" x2="250" y2="300" stroke="#333" stroke-width="4"></line> <line x1="290" y1="280" x2="320" y2="310" stroke="#333" stroke-width="4"></line> <line x1="275" y1="275" x2="305" y2="285" stroke="#333" stroke-width="4"></line> <line x1="270" y1="270" x2="310" y2="280" stroke="#333" stroke-width="5" stroke-linecap="round"></line> <circle cx="260" cy="360" r="6" fill="#555"></circle> <line x1="260" y1="360" x2="275" y2="350" stroke="#555" stroke-width="3"></line> <rect x="270" y="345" width="12" height="5" rx="2" fill="#555"></rect> <ellipse cx="220" cy="365" rx="45" ry="8" fill="none" stroke="#999" stroke-width="2" stroke-dasharray="4,3"></ellipse> <ellipse cx="240" cy="270" rx="35" ry="28" fill="white" stroke="#ddd" stroke-width="1"></ellipse> <path d="M205 270 Q190 260 185 250" stroke="#ddd" stroke-width="3" fill="none"></path> <path d="M205 275 Q185 275 180 268" stroke="#ddd" stroke-width="3" fill="none"></path> <path d="M208 280 Q190 288 182 285" stroke="#ddd" stroke-width="3" fill="none"></path> <line x1="245" y1="295" x2="270" y2="348" stroke="#f39c12" stroke-width="4"></line> <path d="M265 348 L270 355 L275 348" stroke="#f39c12" stroke-width="3" fill="none"></path> <path d="M270 348 L273 356" stroke="#f39c12" stroke-width="3" fill="none"></path> <line x1="235" y1="295" x2="250" y2="310" stroke="#f39c12" stroke-width="4"></line> <path d="M250 308 L255 312" stroke="#f39c12" stroke-width="3" fill="none"></path> <path d="M248 310 L254 316" stroke="#f39c12" stroke-width="3" fill="none"></path> <path d="M225 260 Q200 240 250 300" fill="#f5f5f5" stroke="#ddd" stroke-width="1"></path> <path d="M250 300 Q270 310 290 285" stroke="#f5f5f5" stroke-width="8" fill="none"></path> <path d="M250 300 Q270 310 290 285" stroke="#ddd" stroke-width="1" fill="none"></path> <path d="M260 255 Q300 230 310 250 Q320 270 275 280" fill="#f0f0f0" stroke="#ddd" stroke-width="1"></path> <path d="M250 250 Q255 230 260 210 Q265 190 270 180" stroke="white" stroke-width="16" fill="none"></path> <path d="M250 250 Q255 230 260 210 Q265 190 270 180" stroke="#ddd" stroke-width="1" fill="none"></path> <circle cx="275" cy="170" r="18" fill="white" stroke="#ddd" stroke-width="1"></circle> <circle cx="282" cy="165" r="5" fill="white" stroke="#333" stroke-width="1.5"></circle> <circle cx="283" cy="164" r="2.5" fill="#333"></circle> <circle cx="284" cy="163" r="1" fill="white"></circle> <path d="M268 155 Q265 140 270 135" stroke="#ddd" stroke-width="2" fill="none"></path> <path d="M272 153 Q272 138 278 133" stroke="#ddd" stroke-width="2" fill="none"></path> <path d="M276 155 Q280 142 285 138" stroke="#ddd" stroke-width="2" fill="none"></path> <path d="M290 172 L345 175 Q350 175 340 180 L290 178 Z" fill="#f39c12" stroke="#e67e22" stroke-width="1"></path> <path d="M290 178 L340 180 Q345 182 338 188 L288 184 Z" fill="#e67e22" stroke="#d35400" stroke-width="1"></path> <path d="M290 178 Q295 200 310 205 Q325 210 340 185" fill="#f9e79f" stroke="#f5b041" stroke-width="1.5" opacity="0.8"></path> <circle cx="345" cy="177" r="2" fill="#d35400"></circle> <ellipse cx="300" cy="174" rx="2" ry="1" fill="#d35400"></ellipse> <circle cx="268" cy="168" r="16" fill="white"></circle> <path d="M260 158 Q255 148 258 140" stroke="#ddd" stroke-width="2.5" fill="none"></path> <path d="M264 156 Q262 145 265 137" stroke="#ddd" stroke-width="2.5" fill="none"></path> <path d="M225 285 Q240 305 255 285" fill="#3498db" stroke="#2980b9" stroke-width="1"></path> <ellipse cx="80" cy="80" rx="40" ry="20" fill="white" opacity="0.7"></ellipse> <ellipse cx="110" cy="75" rx="30" ry="18" fill="white" opacity="0.7"></ellipse> <ellipse cx="60" cy="85" rx="25" ry="15" fill="white" opacity="0.7"></ellipse> <ellipse cx="400" cy="60" rx="35" ry="18" fill="white" opacity="0.7"></ellipse> <ellipse cx="430" cy="55" rx="28" ry="15" fill="white" opacity="0.7"></ellipse> <circle cx="420" cy="100" r="30" fill="#f1c40f"></circle> <line x1="420" y1="60" x2="420" y2="45" stroke="#f1c40f" stroke-width="3"></line> <line x1="420" y1="140" x2="420" y2="155" stroke="#f1c40f" stroke-width="3"></line> <line x1="380" y1="100" x2="365" y2="100" stroke="#f1c40f" stroke-width="3"></line> <line x1="460" y1="100" x2="475" y2="100" stroke="#f1c40f" stroke-width="3"></line> <line x1="392" y1="72" x2="381" y2="61" stroke="#f1c40f" stroke-width="3"></line> <line x1="448" y1="128" x2="459" y2="139" stroke="#f1c40f" stroke-width="3"></line> <line x1="448" y1="72" x2="459" y2="61" stroke="#f1c40f" stroke-width="3"></line> <line x1="392" y1="128" x2="381" y2="139" stroke="#f1c40f" stroke-width="3"></line> <line x1="370" y1="250" x2="400" y2="250" stroke="#aaa" stroke-width="2" opacity="0.5"></line> <line x1="375" y1="265" x2="410" y2="265" stroke="#aaa" stroke-width="2" opacity="0.4"></line> <line x1="370" y1="280" x2="395" y2="280" stroke="#aaa" stroke-width="2" opacity="0.3"></line> </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.72 KB
3.65 KB
-46%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 450" width="500" height="450"> <rect width="500" height="450" fill="#e8f4f8"></rect> <ellipse cx="250" cy="400" rx="220" ry="15" fill="#a8d08d"></ellipse> <circle cx="180" cy="360" r="45" fill="none" stroke="#333" stroke-width="4"></circle> <circle cx="180" cy="360" r="5" fill="#333"></circle> <line x1="180" y1="315" x2="180" y2="405" stroke="#666" stroke-width="1.5"></line> <line x1="135" y1="360" x2="225" y2="360" stroke="#666" stroke-width="1.5"></line> <line x1="148" y1="328" x2="212" y2="392" stroke="#666" stroke-width="1.5"></line> <line x1="212" y1="328" x2="148" y2="392" stroke="#666" stroke-width="1.5"></line> <circle cx="330" cy="360" r="45" fill="none" stroke="#333" stroke-width="4"></circle> <circle cx="330" cy="360" r="5" fill="#333"></circle> <line x1="330" y1="315" x2="330" y2="405" stroke="#666" stroke-width="1.5"></line> <line x1="285" y1="360" x2="375" y2="360" stroke="#666" stroke-width="1.5"></line> <line x1="298" y1="328" x2="362" y2="392" stroke="#666" stroke-width="1.5"></line> <line x1="362" y1="328" x2="298" y2="392" stroke="#666" stroke-width="1.5"></line> <line x1="180" y1="360" x2="250" y2="300" stroke="#e74c3c" stroke-width="5"></line> <line x1="250" y1="300" x2="330" y2="360" stroke="#e74c3c" stroke-width="5"></line> <line x1="180" y1="360" x2="260" y2="360" stroke="#e74c3c" stroke-width="5"></line> <line x1="260" y1="360" x2="330" y2="360" stroke="#e74c3c" stroke-width="4"></line> <line x1="250" y1="300" x2="270" y2="360" stroke="#e74c3c" stroke-width="4"></line> <ellipse cx="245" cy="295" rx="18" ry="6" fill="#333"></ellipse> <line x1="245" y1="300" x2="250" y2="300" stroke="#333" stroke-width="4"></line> <line x1="290" y1="280" x2="320" y2="310" stroke="#333" stroke-width="4"></line> <line x1="275" y1="275" x2="305" y2="285" stroke="#333" stroke-width="4"></line> <line x1="270" y1="270" x2="310" y2="280" stroke="#333" stroke-width="5" stroke-linecap="round"></line> <circle cx="260" cy="360" r="6" fill="#555"></circle> <line x1="260" y1="360" x2="275" y2="350" stroke="#555" stroke-width="3"></line> <rect x="270" y="345" width="12" height="5" rx="2" fill="#555"></rect> <ellipse cx="220" cy="365" rx="45" ry="8" fill="none" stroke="#999" stroke-width="2" stroke-dasharray="4,3"></ellipse> <ellipse cx="240" cy="270" rx="35" ry="28" fill="white" stroke="#ddd" stroke-width="1"></ellipse> <path d="M205 270 Q190 260 185 250" stroke="#ddd" stroke-width="3" fill="none"></path> <path d="M205 275 Q185 275 180 268" stroke="#ddd" stroke-width="3" fill="none"></path> <path d="M208 280 Q190 288 182 285" stroke="#ddd" stroke-width="3" fill="none"></path> <line x1="245" y1="295" x2="270" y2="348" stroke="#f39c12" stroke-width="4"></line> <path d="M265 348 L270 355 L275 348" stroke="#f39c12" stroke-width="3" fill="none"></path> <path d="M270 348 L273 356" stroke="#f39c12" stroke-width="3" fill="none"></path> <line x1="235" y1="295" x2="250" y2="310" stroke="#f39c12" stroke-width="4"></line> <path d="M250 308 L255 312" stroke="#f39c12" stroke-width="3" fill="none"></path> <path d="M248 310 L254 316" stroke="#f39c12" stroke-width="3" fill="none"></path> <path d="M225 260 Q200 240 250 300" fill="#f5f5f5" stroke="#ddd" stroke-width="1"></path> <path d="M250 300 Q270 310 290 285" stroke="#f5f5f5" stroke-width="8" fill="none"></path> <path d="M250 300 Q270 310 290 285" stroke="#ddd" stroke-width="1" fill="none"></path> <path d="M260 255 Q300 230 310 250 Q320 270 275 280" fill="#f0f0f0" stroke="#ddd" stroke-width="1"></path> <path d="M250 250 Q255 230 260 210 Q265 190 270 180" stroke="white" stroke-width="16" fill="none"></path> <path d="M250 250 Q255 230 260 210 Q265 190 270 180" stroke="#ddd" stroke-width="1" fill="none"></path> <circle cx="275" cy="170" r="18" fill="white" stroke="#ddd" stroke-width="1"></circle> <circle cx="282" cy="165" r="5" fill="white" stroke="#333" stroke-width="1.5"></circle> <circle cx="283" cy="164" r="2.5" fill="#333"></circle> <circle cx="284" cy="163" r="1" fill="white"></circle> <path d="M268 155 Q265 140 270 135" stroke="#ddd" stroke-width="2" fill="none"></path> <path d="M272 153 Q272 138 278 133" stroke="#ddd" stroke-width="2" fill="none"></path> <path d="M276 155 Q280 142 285 138" stroke="#ddd" stroke-width="2" fill="none"></path> <path d="M290 172 L345 175 Q350 175 340 180 L290 178 Z" fill="#f39c12" stroke="#e67e22" stroke-width="1"></path> <path d="M290 178 L340 180 Q345 182 338 188 L288 184 Z" fill="#e67e22" stroke="#d35400" stroke-width="1"></path> <path d="M290 178 Q295 200 310 205 Q325 210 340 185" fill="#f9e79f" stroke="#f5b041" stroke-width="1.5" opacity="0.8"></path> <circle cx="345" cy="177" r="2" fill="#d35400"></circle> <ellipse cx="300" cy="174" rx="2" ry="1" fill="#d35400"></ellipse> <circle cx="268" cy="168" r="16" fill="white"></circle> <path d="M260 158 Q255 148 258 140" stroke="#ddd" stroke-width="2.5" fill="none"></path> <path d="M264 156 Q262 145 265 137" stroke="#ddd" stroke-width="2.5" fill="none"></path> <path d="M225 285 Q240 305 255 285" fill="#3498db" stroke="#2980b9" stroke-width="1"></path> <ellipse cx="80" cy="80" rx="40" ry="20" fill="white" opacity="0.7"></ellipse> <ellipse cx="110" cy="75" rx="30" ry="18" fill="white" opacity="0.7"></ellipse> <ellipse cx="60" cy="85" rx="25" ry="15" fill="white" opacity="0.7"></ellipse> <ellipse cx="400" cy="60" rx="35" ry="18" fill="white" opacity="0.7"></ellipse> <ellipse cx="430" cy="55" rx="28" ry="15" fill="white" opacity="0.7"></ellipse> <circle cx="420" cy="100" r="30" fill="#f1c40f"></circle> <line x1="420" y1="60" x2="420" y2="45" stroke="#f1c40f" stroke-width="3"></line> <line x1="420" y1="140" x2="420" y2="155" stroke="#f1c40f" stroke-width="3"></line> <line x1="380" y1="100" x2="365" y2="100" stroke="#f1c40f" stroke-width="3"></line> <line x1="460" y1="100" x2="475" y2="100" stroke="#f1c40f" stroke-width="3"></line> <line x1="392" y1="72" x2="381" y2="61" stroke="#f1c40f" stroke-width="3"></line> <line x1="448" y1="128" x2="459" y2="139" stroke="#f1c40f" stroke-width="3"></line> <line x1="448" y1="72" x2="459" y2="61" stroke="#f1c40f" stroke-width="3"></line> <line x1="392" y1="128" x2="381" y2="139" stroke="#f1c40f" stroke-width="3"></line> <line x1="370" y1="250" x2="400" y2="250" stroke="#aaa" stroke-width="2" opacity="0.5"></line> <line x1="375" y1="265" x2="410" y2="265" stroke="#aaa" stroke-width="2" opacity="0.4"></line> <line x1="370" y1="280" x2="395" y2="280" stroke="#aaa" stroke-width="2" opacity="0.3"></line> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download