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
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
8fbPVDUw
N/A
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
7.57 KB
4.68 KB
-38%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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
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
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
7.57 KB
4.68 KB
-38%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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
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