SVG
Viewer
Dark mode
Light mode
Hide sidebar
Flag
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
922 bytes
766 bytes
-17%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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"><circle fill="#6BC9F2" cx="50" cy="50" r="50"/><clipPath id="a"><circle cx="50" cy="50" r="50"/></clipPath><path fill="#ffffff" d="M29 99a2.5 2.5 0 1 1-5 0V17.5a2.5 2.5 0 1 1 5 0V99z" fill-rule="evenodd" clip-rule="evenodd" clip-path="url(#a)"/><path fill="#F29C1F" d="M100 73H60V25h40l-7 24z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#E57E25" d="M60 73V27l9-8v46l-9 8z"/><path opacity=".6" fill="#ffffff" d="M77.017 43.501l-10.791 3.625L65.933 58l-6.962-8.633L48 52.463l6.488-8.962L48 34.539l10.972 3.096L65.933 29l.293 10.875 10.791 3.626z"/><path fill="#F0C419" d="M29 17h40v48H29z"/><path fill="#ffffff" d="M69 30.157l-6.028 7.478L52 34.539l6.488 8.962L52 52.463l10.972-3.097L69 56.843z"/></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
922 bytes
766 bytes
-17%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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"><circle fill="#6BC9F2" cx="50" cy="50" r="50"/><clipPath id="a"><circle cx="50" cy="50" r="50"/></clipPath><path fill="#ffffff" d="M29 99a2.5 2.5 0 1 1-5 0V17.5a2.5 2.5 0 1 1 5 0V99z" fill-rule="evenodd" clip-rule="evenodd" clip-path="url(#a)"/><path fill="#F29C1F" d="M100 73H60V25h40l-7 24z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#E57E25" d="M60 73V27l9-8v46l-9 8z"/><path opacity=".6" fill="#ffffff" d="M77.017 43.501l-10.791 3.625L65.933 58l-6.962-8.633L48 52.463l6.488-8.962L48 34.539l10.972 3.096L65.933 29l.293 10.875 10.791 3.626z"/><path fill="#F0C419" d="M29 17h40v48H29z"/><path fill="#ffffff" d="M69 30.157l-6.028 7.478L52 34.539l6.488 8.962L52 52.463l10.972-3.097L69 56.843z"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download