SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
79wGaeS1
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.54 KB
1.13 KB
-27%
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" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <radialGradient id="radialGradient-0" cx="500" cy="514" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#FFFFFF"></stop> <stop offset="1" stop-color="#E0E0E0"></stop> </radialGradient> <radialGradient id="radialGradient-1" cx="500" cy="514" r="166" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#C40329" stop-opacity="1"></stop> <stop offset="0.5" stop-color="#C40329" stop-opacity="0.8"></stop> <stop offset="1" stop-color="#C40329" stop-opacity="0"></stop> </radialGradient> <clipPath id="clipPath-0"> <rect x="138" y="146" width="262" height="256"></rect> </clipPath> <clipPath id="clipPath-1"> <rect x="196" y="532" width="608" height="316"></rect> </clipPath> </defs> <circle cx="500" cy="500" r="472" fill="url(#radialGradient-0)" stroke="#000000" stroke-width="56"></circle> <circle cx="500" cy="514" r="166" fill="url(#radialGradient-1)"></circle> <g fill-opacity="0.001" stroke="#000000" stroke-width="64"> <g id="clown-eye"> <path d="M397,365H188"></path> <path d="M299,463V316"></path> <ellipse cx="138" cy="146" rx="230" ry="224" clip-path="url(#clipPath-0)"></ellipse> </g> <use xlink:href="#clown-eye" transform="scale(-1,1) translate(-1000,0)"></use> <ellipse cx="500" cy="396" rx="304" ry="420" clip-path="url(#clipPath-1)"></ellipse> <path d="m132,564h112"></path> <path d="m756,564h112"></path> </g> </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.54 KB
1.13 KB
-27%
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" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <radialGradient id="radialGradient-0" cx="500" cy="514" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#FFFFFF"></stop> <stop offset="1" stop-color="#E0E0E0"></stop> </radialGradient> <radialGradient id="radialGradient-1" cx="500" cy="514" r="166" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#C40329" stop-opacity="1"></stop> <stop offset="0.5" stop-color="#C40329" stop-opacity="0.8"></stop> <stop offset="1" stop-color="#C40329" stop-opacity="0"></stop> </radialGradient> <clipPath id="clipPath-0"> <rect x="138" y="146" width="262" height="256"></rect> </clipPath> <clipPath id="clipPath-1"> <rect x="196" y="532" width="608" height="316"></rect> </clipPath> </defs> <circle cx="500" cy="500" r="472" fill="url(#radialGradient-0)" stroke="#000000" stroke-width="56"></circle> <circle cx="500" cy="514" r="166" fill="url(#radialGradient-1)"></circle> <g fill-opacity="0.001" stroke="#000000" stroke-width="64"> <g id="clown-eye"> <path d="M397,365H188"></path> <path d="M299,463V316"></path> <ellipse cx="138" cy="146" rx="230" ry="224" clip-path="url(#clipPath-0)"></ellipse> </g> <use xlink:href="#clown-eye" transform="scale(-1,1) translate(-1000,0)"></use> <ellipse cx="500" cy="396" rx="304" ry="420" clip-path="url(#clipPath-1)"></ellipse> <path d="m132,564h112"></path> <path d="m756,564h112"></path> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG