SVG
Viewer
Dark mode
Light mode
Hide sidebar
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%
Prettify
Preferences
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
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%
Prettify
Preferences
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