SVG
Viewer
5R5iTexQ
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
3.22 KB
2.11 KB
-35%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" height="300" width="400"> <rect fill="#e0f7fa" height="100%" width="100%"></rect> <rect fill="#9e9e9e" y="220" height="80" width="100%"></rect> <g fill="#616161" stroke-width="5" stroke="black"> <circle r="40" cy="220" cx="100"></circle> <circle r="40" cy="220" cx="300"></circle> </g> <g fill="none" stroke-width="2" stroke="black"> <circle r="35" cy="220" cx="100"></circle> <circle r="35" cy="220" cx="300"></circle> </g> <g fill="none" stroke-width="8" stroke="#d32f2f"> <line y2="210" x2="190" y1="220" x1="100"></line> <line y2="150" x2="160" y1="210" x1="190"></line> <line y2="155" x2="270" y1="150" x1="160"></line> <line y2="155" x2="270" y1="210" x1="190"></line> <line y2="150" x2="160" y1="220" x1="100"></line> </g> <line stroke-width="8" stroke="#d32f2f" y2="145" x2="275" y1="155" x1="270"></line> <line stroke-width="8" stroke="#d32f2f" y2="220" x2="300" y1="145" x1="275"></line> <line stroke-width="5" stroke="black" y2="135" x2="155" y1="150" x1="160"></line> <path fill="black" d="M 140 135 Q 160 120, 180 135 Z"></path> <line stroke-width="5" stroke="black" y2="130" x2="280" y1="145" x1="275"></line> <path stroke-linecap="round" fill="none" stroke-width="6" stroke="black" d="M 260 135 Q 280 120, 300 130"></path> <circle fill="black" r="5" cy="210" cx="190"></circle> <line stroke-width="4" stroke="black" y2="225" x2="205" y1="210" x1="190"></line> <rect fill="black" height="6" width="15" y="225" x="200"></rect> <line stroke-width="4" stroke="black" y2="195" x2="175" y1="210" x1="190"></line> <path stroke-linecap="round" fill="none" stroke-width="6" stroke="#FF9800" d="M 175 170 Q 190 190, 205 225"></path> <path stroke-linecap="round" fill="none" stroke-width="6" stroke="#FF9800" d="M 165 170 Q 170 190, 175 200"></path> <ellipse stroke-width="2" stroke="black" fill="white" ry="35" rx="45" cy="150" cx="180"></ellipse> <path stroke-width="2" stroke="black" fill="white" d="M 140 160 Q 120 170, 145 175"></path> <path stroke-width="2" stroke="black" fill="lightgray" d="M 160 145 C 130 150, 130 170, 170 165"></path> <path stroke-width="2" stroke="black" fill="white" d="M 200 130 C 220 100, 240 80, 230 60 L 210 65 C 200 80, 200 100, 190 130"></path> <circle stroke-width="2" stroke="black" fill="white" r="20" cy="65" cx="225"></circle> <path stroke-width="2" stroke="black" fill="#FFC107" d="M 235 55 L 310 65 L 235 75 Z"></path> <path fill-opacity="0.8" stroke-width="2" stroke="black" fill="#FF9800" d="M 235 75 L 310 65 C 300 95, 250 105, 235 75 Z"></path> <circle fill="black" r="5" cy="60" cx="235"></circle> <circle fill="white" r="2" cy="59" cx="236"></circle> <path stroke-linecap="round" stroke-width="15" stroke="white" fill="none" d="M 190 140 Q 230 120, 260 135"></path> <path stroke-linecap="round" stroke-width="2" stroke="black" fill="none" d="M 190 140 Q 230 120, 260 135"></path> <path stroke-width="1" stroke="black" fill="none" d="M 210 130 Q 230 125, 250 132"></path> <path stroke-width="1" stroke="black" fill="none" d="M 200 135 Q 220 130, 240 135"></path> </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
3.22 KB
2.11 KB
-35%
Prettify
Preferences
Clear
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" height="300" width="400"> <rect fill="#e0f7fa" height="100%" width="100%"></rect> <rect fill="#9e9e9e" y="220" height="80" width="100%"></rect> <g fill="#616161" stroke-width="5" stroke="black"> <circle r="40" cy="220" cx="100"></circle> <circle r="40" cy="220" cx="300"></circle> </g> <g fill="none" stroke-width="2" stroke="black"> <circle r="35" cy="220" cx="100"></circle> <circle r="35" cy="220" cx="300"></circle> </g> <g fill="none" stroke-width="8" stroke="#d32f2f"> <line y2="210" x2="190" y1="220" x1="100"></line> <line y2="150" x2="160" y1="210" x1="190"></line> <line y2="155" x2="270" y1="150" x1="160"></line> <line y2="155" x2="270" y1="210" x1="190"></line> <line y2="150" x2="160" y1="220" x1="100"></line> </g> <line stroke-width="8" stroke="#d32f2f" y2="145" x2="275" y1="155" x1="270"></line> <line stroke-width="8" stroke="#d32f2f" y2="220" x2="300" y1="145" x1="275"></line> <line stroke-width="5" stroke="black" y2="135" x2="155" y1="150" x1="160"></line> <path fill="black" d="M 140 135 Q 160 120, 180 135 Z"></path> <line stroke-width="5" stroke="black" y2="130" x2="280" y1="145" x1="275"></line> <path stroke-linecap="round" fill="none" stroke-width="6" stroke="black" d="M 260 135 Q 280 120, 300 130"></path> <circle fill="black" r="5" cy="210" cx="190"></circle> <line stroke-width="4" stroke="black" y2="225" x2="205" y1="210" x1="190"></line> <rect fill="black" height="6" width="15" y="225" x="200"></rect> <line stroke-width="4" stroke="black" y2="195" x2="175" y1="210" x1="190"></line> <path stroke-linecap="round" fill="none" stroke-width="6" stroke="#FF9800" d="M 175 170 Q 190 190, 205 225"></path> <path stroke-linecap="round" fill="none" stroke-width="6" stroke="#FF9800" d="M 165 170 Q 170 190, 175 200"></path> <ellipse stroke-width="2" stroke="black" fill="white" ry="35" rx="45" cy="150" cx="180"></ellipse> <path stroke-width="2" stroke="black" fill="white" d="M 140 160 Q 120 170, 145 175"></path> <path stroke-width="2" stroke="black" fill="lightgray" d="M 160 145 C 130 150, 130 170, 170 165"></path> <path stroke-width="2" stroke="black" fill="white" d="M 200 130 C 220 100, 240 80, 230 60 L 210 65 C 200 80, 200 100, 190 130"></path> <circle stroke-width="2" stroke="black" fill="white" r="20" cy="65" cx="225"></circle> <path stroke-width="2" stroke="black" fill="#FFC107" d="M 235 55 L 310 65 L 235 75 Z"></path> <path fill-opacity="0.8" stroke-width="2" stroke="black" fill="#FF9800" d="M 235 75 L 310 65 C 300 95, 250 105, 235 75 Z"></path> <circle fill="black" r="5" cy="60" cx="235"></circle> <circle fill="white" r="2" cy="59" cx="236"></circle> <path stroke-linecap="round" stroke-width="15" stroke="white" fill="none" d="M 190 140 Q 230 120, 260 135"></path> <path stroke-linecap="round" stroke-width="2" stroke="black" fill="none" d="M 190 140 Q 230 120, 260 135"></path> <path stroke-width="1" stroke="black" fill="none" d="M 210 130 Q 230 125, 250 132"></path> <path stroke-width="1" stroke="black" fill="none" d="M 200 135 Q 220 130, 240 135"></path> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download