SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
MEIX2ai3
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
800 bytes
589 bytes
-26%
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 version="1.1" width="1000px" height="1000px" viewBox="0,0 1000,1000" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="radialGradient-0" cx="539" cy="534" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#FFFF00"></stop> <stop offset="1" stop-color="#FFDD00"></stop> </radialGradient> <clipPath id="clipPath-0"> <rect x="265" y="534" width="548" height="274"></rect> </clipPath> </defs> <circle cx="500" cy="500" r="472" fill="url(#radialGradient-0)" stroke="#000000" stroke-width="56"></circle> <circle cx="397" cy="331" r="75" fill="#000000"></circle> <circle cx="677" cy="331" r="75" fill="#000000"></circle> <circle cx="539" cy="534" r="242" fill-opacity="0.001" stroke="#000000" stroke-width="64" clip-path="url(#clipPath-0)"></circle> </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
800 bytes
589 bytes
-26%
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 version="1.1" width="1000px" height="1000px" viewBox="0,0 1000,1000" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="radialGradient-0" cx="539" cy="534" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#FFFF00"></stop> <stop offset="1" stop-color="#FFDD00"></stop> </radialGradient> <clipPath id="clipPath-0"> <rect x="265" y="534" width="548" height="274"></rect> </clipPath> </defs> <circle cx="500" cy="500" r="472" fill="url(#radialGradient-0)" stroke="#000000" stroke-width="56"></circle> <circle cx="397" cy="331" r="75" fill="#000000"></circle> <circle cx="677" cy="331" r="75" fill="#000000"></circle> <circle cx="539" cy="534" r="242" fill-opacity="0.001" stroke="#000000" stroke-width="64" clip-path="url(#clipPath-0)"></circle> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG