SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
MuvmfhnD
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
1.59 KB
849 bytes
-48%
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 viewBox="0 0 200 300" height="300" width="200" xmlns="http://www.w3.org/2000/svg"> <path stroke-width="3" stroke="blue" fill="none" d="M60 70 Q100 30 140 70"></path> <path fill="red" d="M60 70 Q100 90 140 70"></path> <circle fill="#ffdbac" r="30" cy="100" cx="100"></circle> <circle fill="black" r="5" cy="95" cx="90"></circle> <circle fill="black" r="5" cy="95" cx="110"></circle> <path stroke-width="2" stroke="black" fill="none" d="M85 115 Q100 125 115 115"></path> <line stroke-width="3" stroke="black" y2="220" x2="100" y1="130" x1="100"></line> <line stroke-width="3" stroke="black" y2="180" x2="60" y1="150" x1="100"></line> <line stroke-width="3" stroke="black" y2="180" x2="140" y1="150" x1="100"></line> <line stroke-width="3" stroke="black" y2="280" x2="80" y1="220" x1="100"></line> <line stroke-width="3" stroke="black" y2="280" x2="120" y1="220" x1="100"></line> <rect fill="white" height="50" width="40" y="130" x="80"></rect> <rect fill="red" height="10" width="40" y="130" x="80"></rect> <rect fill="red" height="10" width="40" y="150" x="80"></rect> <rect fill="red" height="10" width="40" y="170" x="80"></rect> <circle fill="blue" r="3" cy="135" cx="90"></circle> <circle fill="blue" r="3" cy="135" cx="100"></circle> <circle fill="blue" r="3" cy="135" cx="110"></circle> <rect fill="blue" height="40" width="30" y="180" x="85"></rect> <rect stroke="black" fill="white" height="10" width="25" y="280" x="70"></rect> <rect stroke="black" fill="white" height="10" width="25" y="280" x="105"></rect> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
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
1.59 KB
849 bytes
-48%
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 viewBox="0 0 200 300" height="300" width="200" xmlns="http://www.w3.org/2000/svg"> <path stroke-width="3" stroke="blue" fill="none" d="M60 70 Q100 30 140 70"></path> <path fill="red" d="M60 70 Q100 90 140 70"></path> <circle fill="#ffdbac" r="30" cy="100" cx="100"></circle> <circle fill="black" r="5" cy="95" cx="90"></circle> <circle fill="black" r="5" cy="95" cx="110"></circle> <path stroke-width="2" stroke="black" fill="none" d="M85 115 Q100 125 115 115"></path> <line stroke-width="3" stroke="black" y2="220" x2="100" y1="130" x1="100"></line> <line stroke-width="3" stroke="black" y2="180" x2="60" y1="150" x1="100"></line> <line stroke-width="3" stroke="black" y2="180" x2="140" y1="150" x1="100"></line> <line stroke-width="3" stroke="black" y2="280" x2="80" y1="220" x1="100"></line> <line stroke-width="3" stroke="black" y2="280" x2="120" y1="220" x1="100"></line> <rect fill="white" height="50" width="40" y="130" x="80"></rect> <rect fill="red" height="10" width="40" y="130" x="80"></rect> <rect fill="red" height="10" width="40" y="150" x="80"></rect> <rect fill="red" height="10" width="40" y="170" x="80"></rect> <circle fill="blue" r="3" cy="135" cx="90"></circle> <circle fill="blue" r="3" cy="135" cx="100"></circle> <circle fill="blue" r="3" cy="135" cx="110"></circle> <rect fill="blue" height="40" width="30" y="180" x="85"></rect> <rect stroke="black" fill="white" height="10" width="25" y="280" x="70"></rect> <rect stroke="black" fill="white" height="10" width="25" y="280" x="105"></rect> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG