SVG
Viewer
8fbPVDUw
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
7.57 KB
4.68 KB
-38%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400" width="500" height="400"> <rect width="500" height="400" fill="#87CEEB" rx="10"></rect> <ellipse cx="250" cy="380" rx="240" ry="30" fill="#90EE90"></ellipse> 6 <circle cx="160" cy="310" r="55" fill="none" stroke="#333" stroke-width="5"></circle> <circle cx="160" cy="310" r="4" fill="#333"></circle> <line x1="160" y1="255" x2="160" y2="365" stroke="#666" stroke-width="1.5"></line> <line x1="105" y1="310" x2="215" y2="310" stroke="#666" stroke-width="1.5"></line> <line x1="121" y1="271" x2="199" y2="349" stroke="#666" stroke-width="1.5"></line> <line x1="199" y1="271" x2="121" y2="349" stroke="#666" stroke-width="1.5"></line> <circle cx="160" cy="310" r="55" fill="none" stroke="#222" stroke-width="8"></circle> 17 <circle cx="340" cy="310" r="55" fill="none" stroke="#333" stroke-width="5"></circle> <circle cx="340" cy="310" r="4" fill="#333"></circle> <line x1="340" y1="255" x2="340" y2="365" stroke="#666" stroke-width="1.5"></line> <line x1="285" y1="310" x2="395" y2="310" stroke="#666" stroke-width="1.5"></line> <line x1="301" y1="271" x2="379" y2="349" stroke="#666" stroke-width="1.5"></line> <line x1="379" y1="271" x2="301" y2="349" stroke="#666" stroke-width="1.5"></line> <circle cx="340" cy="310" r="55" fill="none" stroke="#222" stroke-width="8"></circle> 28 <line x1="200" y1="200" x2="220" y2="310" stroke="#E74C3C" stroke-width="6" stroke-linecap="round"></line> <line x1="200" y1="200" x2="300" y2="310" stroke="#E74C3C" stroke-width="6" stroke-linecap="round"></line> <line x1="200" y1="200" x2="310" y2="215" stroke="#E74C3C" stroke-width="6" stroke-linecap="round"></line> <line x1="220" y1="310" x2="160" y2="310" stroke="#E74C3C" stroke-width="5" stroke-linecap="round"></line> <line x1="200" y1="200" x2="160" y2="310" stroke="#E74C3C" stroke-width="4" stroke-linecap="round"></line> <line x1="310" y1="215" x2="340" y2="310" stroke="#E74C3C" stroke-width="5" stroke-linecap="round"></line> <line x1="220" y1="310" x2="300" y2="310" stroke="#E74C3C" stroke-width="5" stroke-linecap="round"></line> 44 <ellipse cx="197" cy="193" rx="20" ry="7" fill="#2C3E50"></ellipse> <ellipse cx="197" cy="193" rx="20" ry="7" fill="none" stroke="#1A252F" stroke-width="1"></ellipse> 48 <line x1="310" y1="215" x2="315" y2="205" stroke="#555" stroke-width="4" stroke-linecap="round"></line> <line x1="305" y1="205" x2="330" y2="200" stroke="#555" stroke-width="5" stroke-linecap="round"></line> <line x1="300" y1="206" x2="308" y2="205" stroke="#2C3E50" stroke-width="7" stroke-linecap="round"></line> <line x1="327" y1="200" x2="335" y2="200" stroke="#2C3E50" stroke-width="7" stroke-linecap="round"></line> 55 <circle cx="260" cy="310" r="10" fill="#555" stroke="#333" stroke-width="2"></circle> <line x1="260" y1="295" x2="260" y2="325" stroke="#444" stroke-width="4" stroke-linecap="round"></line> <rect x="252" y="290" width="16" height="5" rx="2" fill="#666"></rect> <rect x="252" y="325" width="16" height="5" rx="2" fill="#666"></rect> 62 <ellipse cx="260" cy="310" rx="15" ry="12" fill="none" stroke="#888" stroke-width="2"></ellipse> 65 67 <path d="M170 185 L145 165 L155 180 L140 170 L155 188" fill="#F5F5DC" stroke="#DDD5C0"></path> <path d="M175 180 L148 155 L158 175 L142 162 L160 185" fill="#EDE8D0" stroke="#DDD5C0"></path> 71 <ellipse cx="210" cy="175" rx="50" ry="30" fill="#FAFAF0"></ellipse> <ellipse cx="210" cy="175" rx="50" ry="30" fill="none" stroke="#E8E0D0" stroke-width="1.5"></ellipse> 75 <ellipse cx="215" cy="185" rx="40" ry="15" fill="#F0EBD8" opacity="0.5"></ellipse> 78 <path d="M195 155 Q230 140 260 165 Q250 175 230 180 Q210 175 195 170Z" fill="#E8E0D0" stroke="#D5 CEBC" stroke-width="1"></path> <path d="M200 160 Q225 150 250 168" fill="none" stroke="#D0C8B5" stroke-width="1"></path> <path d="M205 165 Q225 157 245 172" fill="none" stroke="#D0C8B5" stroke-width="1"></path> 83 <path d="M235 165 Q260 140 270 115 Q275 105 268 100" fill="#FAFAF0" stroke="#E8E0D0" stroke-width="1.5"></path> <path d="M245 170 Q265 148 272 120" fill="#FAFAF0"></path> 87 <ellipse cx="275" cy="95" rx="22" ry="18" fill="#FAFAF0" stroke="#E8E0D0" stroke-width="1.5"></ellipse> 90 <circle cx="283" cy="90" r="4" fill="#333"></circle> <circle cx="284.5" cy="88.5" r="1.5" fill="white"></circle> <circle cx="283" cy="90" r="6" fill="none" stroke="#D4A76A" stroke-width="1"></circle> 96 <path d="M295 90 L345 85 L340 92 L295 95Z" fill="#F4A460" stroke="#D4884A" stroke-width="1"></path> <path d="M340 85 Q348 88 345 93 L340 92Z" fill="#E8944A"></path> 101 <path d="M295 95 Q320 100 340 92 L338 95 Q318 108 295 100Z" fill="#F4A460" stroke="#D4884A" opacity="0.8"></path> <path d="M298 98 Q315 108 335 95" fill="#E89050" stroke="none" opacity="0.5"></path> 105 <ellipse cx="315" cy="100" rx="15" ry="8" fill="#E8944A" opacity="0.4"></ellipse> <path d="M300 100 Q310 108 325 100 Q315 95 300 100Z" fill="#D48040" opacity="0.3"></path> 109 <path d="M260 82 Q255 70 262 75 Q258 65 268 73 Q265 62 272 72" fill="#F5F5DC" stroke="#E8E0D0"></path> 112 <path d="M225 195 Q240 240 258 290" stroke="#F4A460" stroke-width="5" fill="none" stroke-linecap="round"></path> <path d="M200 195 Q230 250 260 325" stroke="#F4A460" stroke-width="5" fill="none" stroke-linecap="round"></path> 118 <path d="M255 288 L250 295 L265 295Z" fill="#F4A460" stroke="#D4884A" stroke-width="1"></path> <path d="M257 323 L252 330 L267 330Z" fill="#F4A460" stroke="#D4884A" stroke-width="1"></path> 122 <path d="M255 165 Q280 175 310 195 Q315 200 325 200" fill="none" stroke="#E8E0D0" stroke-width="5" stroke-linecap="round"></path> <ellipse cx="327" cy="200" rx="8" ry="5" fill="#E8E0D0" stroke="#D5CEBC" stroke-width="1"></ellipse> 127 <path d="M265 105 Q275 102 270 110 Q260 108 265 105Z" fill="#E74C3C"></path> <path d="M260 108 Q240 115 225 108 Q235 118 220 112 Q232 120 218 116" fill="#E74C3C" stroke="#C03 92B" stroke-width="1"></path> <path d="M222 110 Q210 118 205 108" fill="#C0392B" stroke="#A93226" stroke-width="0.5"></path> 132 <line x1="100" y1="160" x2="120" y2="160" stroke="#87CEEB" stroke-width="2" opacity="0.6"></line> <line x1="80" y1="180" x2="110" y2="180" stroke="#87CEEB" stroke-width="2" opacity="0.5"></line> <line x1="90" y1="200" x2="115" y2="200" stroke="#87CEEB" stroke-width="2" opacity="0.4"></line> 137 <g opacity="0.8"> <ellipse cx="100" cy="60" rx="30" ry="15" fill="white"></ellipse> <ellipse cx="120" cy="55" rx="25" ry="18" fill="white"></ellipse> <ellipse cx="80" cy="58" rx="20" ry="12" fill="white"></ellipse> </g> <g opacity="0.6"> <ellipse cx="380" cy="45" rx="25" ry="12" fill="white"></ellipse> <ellipse cx="400" cy="40" rx="20" ry="15" fill="white"></ellipse> <ellipse cx="365" cy="43" rx="18" ry="10" fill="white"></ellipse> </g> 149 <circle cx="440" cy="50" r="25" fill="#FFD700" opacity="0.9"></circle> <circle cx="440" cy="50" r="20" fill="#FFEC8B"></circle> <line x1="440" y1="15" x2="440" y2="5" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="465" y1="25" x2="475" y2="18" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="470" y1="50" x2="480" y2="50" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="465" y1="75" x2="475" y2="82" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="440" y1="85" x2="440" y2="95" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="415" y1="75" x2="405" y2="82" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="410" y1="50" x2="400" y2="50" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="415" y1="25" x2="405" y2="18" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> </svg>
Upload
Copy
Download
Share
6
17
28
44
48
55
62
65 67
71
75
78
83
87
90
96
101
105
109
112
118
122
127
132
137
149
Preview
React
React Native
PNG
Data URI
6
17
28
44
48
55
62
65 67
71
75
78
83
87
90
96
101
105
109
112
118
122
127
132
137
149
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
7.57 KB
4.68 KB
-38%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400" width="500" height="400"> <rect width="500" height="400" fill="#87CEEB" rx="10"></rect> <ellipse cx="250" cy="380" rx="240" ry="30" fill="#90EE90"></ellipse> 6 <circle cx="160" cy="310" r="55" fill="none" stroke="#333" stroke-width="5"></circle> <circle cx="160" cy="310" r="4" fill="#333"></circle> <line x1="160" y1="255" x2="160" y2="365" stroke="#666" stroke-width="1.5"></line> <line x1="105" y1="310" x2="215" y2="310" stroke="#666" stroke-width="1.5"></line> <line x1="121" y1="271" x2="199" y2="349" stroke="#666" stroke-width="1.5"></line> <line x1="199" y1="271" x2="121" y2="349" stroke="#666" stroke-width="1.5"></line> <circle cx="160" cy="310" r="55" fill="none" stroke="#222" stroke-width="8"></circle> 17 <circle cx="340" cy="310" r="55" fill="none" stroke="#333" stroke-width="5"></circle> <circle cx="340" cy="310" r="4" fill="#333"></circle> <line x1="340" y1="255" x2="340" y2="365" stroke="#666" stroke-width="1.5"></line> <line x1="285" y1="310" x2="395" y2="310" stroke="#666" stroke-width="1.5"></line> <line x1="301" y1="271" x2="379" y2="349" stroke="#666" stroke-width="1.5"></line> <line x1="379" y1="271" x2="301" y2="349" stroke="#666" stroke-width="1.5"></line> <circle cx="340" cy="310" r="55" fill="none" stroke="#222" stroke-width="8"></circle> 28 <line x1="200" y1="200" x2="220" y2="310" stroke="#E74C3C" stroke-width="6" stroke-linecap="round"></line> <line x1="200" y1="200" x2="300" y2="310" stroke="#E74C3C" stroke-width="6" stroke-linecap="round"></line> <line x1="200" y1="200" x2="310" y2="215" stroke="#E74C3C" stroke-width="6" stroke-linecap="round"></line> <line x1="220" y1="310" x2="160" y2="310" stroke="#E74C3C" stroke-width="5" stroke-linecap="round"></line> <line x1="200" y1="200" x2="160" y2="310" stroke="#E74C3C" stroke-width="4" stroke-linecap="round"></line> <line x1="310" y1="215" x2="340" y2="310" stroke="#E74C3C" stroke-width="5" stroke-linecap="round"></line> <line x1="220" y1="310" x2="300" y2="310" stroke="#E74C3C" stroke-width="5" stroke-linecap="round"></line> 44 <ellipse cx="197" cy="193" rx="20" ry="7" fill="#2C3E50"></ellipse> <ellipse cx="197" cy="193" rx="20" ry="7" fill="none" stroke="#1A252F" stroke-width="1"></ellipse> 48 <line x1="310" y1="215" x2="315" y2="205" stroke="#555" stroke-width="4" stroke-linecap="round"></line> <line x1="305" y1="205" x2="330" y2="200" stroke="#555" stroke-width="5" stroke-linecap="round"></line> <line x1="300" y1="206" x2="308" y2="205" stroke="#2C3E50" stroke-width="7" stroke-linecap="round"></line> <line x1="327" y1="200" x2="335" y2="200" stroke="#2C3E50" stroke-width="7" stroke-linecap="round"></line> 55 <circle cx="260" cy="310" r="10" fill="#555" stroke="#333" stroke-width="2"></circle> <line x1="260" y1="295" x2="260" y2="325" stroke="#444" stroke-width="4" stroke-linecap="round"></line> <rect x="252" y="290" width="16" height="5" rx="2" fill="#666"></rect> <rect x="252" y="325" width="16" height="5" rx="2" fill="#666"></rect> 62 <ellipse cx="260" cy="310" rx="15" ry="12" fill="none" stroke="#888" stroke-width="2"></ellipse> 65 67 <path d="M170 185 L145 165 L155 180 L140 170 L155 188" fill="#F5F5DC" stroke="#DDD5C0"></path> <path d="M175 180 L148 155 L158 175 L142 162 L160 185" fill="#EDE8D0" stroke="#DDD5C0"></path> 71 <ellipse cx="210" cy="175" rx="50" ry="30" fill="#FAFAF0"></ellipse> <ellipse cx="210" cy="175" rx="50" ry="30" fill="none" stroke="#E8E0D0" stroke-width="1.5"></ellipse> 75 <ellipse cx="215" cy="185" rx="40" ry="15" fill="#F0EBD8" opacity="0.5"></ellipse> 78 <path d="M195 155 Q230 140 260 165 Q250 175 230 180 Q210 175 195 170Z" fill="#E8E0D0" stroke="#D5 CEBC" stroke-width="1"></path> <path d="M200 160 Q225 150 250 168" fill="none" stroke="#D0C8B5" stroke-width="1"></path> <path d="M205 165 Q225 157 245 172" fill="none" stroke="#D0C8B5" stroke-width="1"></path> 83 <path d="M235 165 Q260 140 270 115 Q275 105 268 100" fill="#FAFAF0" stroke="#E8E0D0" stroke-width="1.5"></path> <path d="M245 170 Q265 148 272 120" fill="#FAFAF0"></path> 87 <ellipse cx="275" cy="95" rx="22" ry="18" fill="#FAFAF0" stroke="#E8E0D0" stroke-width="1.5"></ellipse> 90 <circle cx="283" cy="90" r="4" fill="#333"></circle> <circle cx="284.5" cy="88.5" r="1.5" fill="white"></circle> <circle cx="283" cy="90" r="6" fill="none" stroke="#D4A76A" stroke-width="1"></circle> 96 <path d="M295 90 L345 85 L340 92 L295 95Z" fill="#F4A460" stroke="#D4884A" stroke-width="1"></path> <path d="M340 85 Q348 88 345 93 L340 92Z" fill="#E8944A"></path> 101 <path d="M295 95 Q320 100 340 92 L338 95 Q318 108 295 100Z" fill="#F4A460" stroke="#D4884A" opacity="0.8"></path> <path d="M298 98 Q315 108 335 95" fill="#E89050" stroke="none" opacity="0.5"></path> 105 <ellipse cx="315" cy="100" rx="15" ry="8" fill="#E8944A" opacity="0.4"></ellipse> <path d="M300 100 Q310 108 325 100 Q315 95 300 100Z" fill="#D48040" opacity="0.3"></path> 109 <path d="M260 82 Q255 70 262 75 Q258 65 268 73 Q265 62 272 72" fill="#F5F5DC" stroke="#E8E0D0"></path> 112 <path d="M225 195 Q240 240 258 290" stroke="#F4A460" stroke-width="5" fill="none" stroke-linecap="round"></path> <path d="M200 195 Q230 250 260 325" stroke="#F4A460" stroke-width="5" fill="none" stroke-linecap="round"></path> 118 <path d="M255 288 L250 295 L265 295Z" fill="#F4A460" stroke="#D4884A" stroke-width="1"></path> <path d="M257 323 L252 330 L267 330Z" fill="#F4A460" stroke="#D4884A" stroke-width="1"></path> 122 <path d="M255 165 Q280 175 310 195 Q315 200 325 200" fill="none" stroke="#E8E0D0" stroke-width="5" stroke-linecap="round"></path> <ellipse cx="327" cy="200" rx="8" ry="5" fill="#E8E0D0" stroke="#D5CEBC" stroke-width="1"></ellipse> 127 <path d="M265 105 Q275 102 270 110 Q260 108 265 105Z" fill="#E74C3C"></path> <path d="M260 108 Q240 115 225 108 Q235 118 220 112 Q232 120 218 116" fill="#E74C3C" stroke="#C03 92B" stroke-width="1"></path> <path d="M222 110 Q210 118 205 108" fill="#C0392B" stroke="#A93226" stroke-width="0.5"></path> 132 <line x1="100" y1="160" x2="120" y2="160" stroke="#87CEEB" stroke-width="2" opacity="0.6"></line> <line x1="80" y1="180" x2="110" y2="180" stroke="#87CEEB" stroke-width="2" opacity="0.5"></line> <line x1="90" y1="200" x2="115" y2="200" stroke="#87CEEB" stroke-width="2" opacity="0.4"></line> 137 <g opacity="0.8"> <ellipse cx="100" cy="60" rx="30" ry="15" fill="white"></ellipse> <ellipse cx="120" cy="55" rx="25" ry="18" fill="white"></ellipse> <ellipse cx="80" cy="58" rx="20" ry="12" fill="white"></ellipse> </g> <g opacity="0.6"> <ellipse cx="380" cy="45" rx="25" ry="12" fill="white"></ellipse> <ellipse cx="400" cy="40" rx="20" ry="15" fill="white"></ellipse> <ellipse cx="365" cy="43" rx="18" ry="10" fill="white"></ellipse> </g> 149 <circle cx="440" cy="50" r="25" fill="#FFD700" opacity="0.9"></circle> <circle cx="440" cy="50" r="20" fill="#FFEC8B"></circle> <line x1="440" y1="15" x2="440" y2="5" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="465" y1="25" x2="475" y2="18" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="470" y1="50" x2="480" y2="50" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="465" y1="75" x2="475" y2="82" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="440" y1="85" x2="440" y2="95" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="415" y1="75" x2="405" y2="82" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="410" y1="50" x2="400" y2="50" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> <line x1="415" y1="25" x2="405" y2="18" stroke="#FFD700" stroke-width="2" opacity="0.7"></line> </svg>
Upload
Copy
Download
Share
6
17
28
44
48
55
62
65 67
71
75
78
83
87
90
96
101
105
109
112
118
122
127
132
137
149
Preview
React
React Native
PNG
Data URI
6
17
28
44
48
55
62
65 67
71
75
78
83
87
90
96
101
105
109
112
118
122
127
132
137
149
100%
Download