SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Touch
Flat Ui Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.16 KB
1001 bytes
-16%
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
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by designmodo: https://github.com/designmodo/Flat-UI --> <svg width="800px" height="800px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <clipPath id="a"> <circle cx="50" cy="50" r="50"/> </clipPath> <g fill-rule="evenodd" clip-rule="evenodd" clip-path="url(#a)"> <path fill="#34495E" d="M100 50c0 6.67-1.306 13.093-3.676 18.999L3.677 69A50.939 50.939 0 0 1 0 50C0 22.386 22.386 0 50 0c27.613 0 50 22.386 50 50z"/> <path fill="#D7DBDE" d="M-1 70h102v31H-1z"/> <path fill="#ffffff" d="M100 71v29H0V71h100m2-2H-2v33h104V69z"/> <path fill="#DF9274" d="M-22.758-33.75c8.363-8.362 21.921-8.362 30.284 0l66.203 66.203c8.362 8.363 8.362 21.921 0 30.284-4.034 4.033-9.441 6.262-14.729 6.262-5.673 0-11.227-1.934-15.556-6.262L-22.758-3.465c-8.363-8.363-8.363-21.922 0-30.285z"/> <path opacity=".3" fill="#ffffff" d="M61.215 19.844l12.5 12.5c6.195 6.195 7.804 15.227 4.856 22.91L61.275 37.958c-4.999-4.999-5.016-13.088-.06-18.114z"/> <path opacity=".2" d="M46.456 14.131a1 1 0 1 1-1.414-1.415l4.502-4.5 1.414 1.414-4.502 4.501zm-7 2.001a.999.999 0 1 1-1.414-1.414l9.002-9.002 1.414 1.414-9.002 9.002z"/> </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.16 KB
1001 bytes
-16%
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
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by designmodo: https://github.com/designmodo/Flat-UI --> <svg width="800px" height="800px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <clipPath id="a"> <circle cx="50" cy="50" r="50"/> </clipPath> <g fill-rule="evenodd" clip-rule="evenodd" clip-path="url(#a)"> <path fill="#34495E" d="M100 50c0 6.67-1.306 13.093-3.676 18.999L3.677 69A50.939 50.939 0 0 1 0 50C0 22.386 22.386 0 50 0c27.613 0 50 22.386 50 50z"/> <path fill="#D7DBDE" d="M-1 70h102v31H-1z"/> <path fill="#ffffff" d="M100 71v29H0V71h100m2-2H-2v33h104V69z"/> <path fill="#DF9274" d="M-22.758-33.75c8.363-8.362 21.921-8.362 30.284 0l66.203 66.203c8.362 8.363 8.362 21.921 0 30.284-4.034 4.033-9.441 6.262-14.729 6.262-5.673 0-11.227-1.934-15.556-6.262L-22.758-3.465c-8.363-8.363-8.363-21.922 0-30.285z"/> <path opacity=".3" fill="#ffffff" d="M61.215 19.844l12.5 12.5c6.195 6.195 7.804 15.227 4.856 22.91L61.275 37.958c-4.999-4.999-5.016-13.088-.06-18.114z"/> <path opacity=".2" d="M46.456 14.131a1 1 0 1 1-1.414-1.415l4.502-4.5 1.414 1.414-4.502 4.501zm-7 2.001a.999.999 0 1 1-1.414-1.414l9.002-9.002 1.414 1.414-9.002 9.002z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG