SVG
Viewer
Dark mode
Light mode
Hide sidebar
Arrow
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
620 bytes
469 bytes
-24%
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"> <clipPath id="a"> <circle cx="50" cy="50" r="50"/> </clipPath> <g fill-rule="evenodd" clip-rule="evenodd" clip-path="url(#a)"> <circle fill="#24AE5F" cx="50" cy="50" r="50"/> <path fill="#E57D25" d="M34 50.5a2.5 2.5 0 0 0 2.5 2.5h66a2.5 2.5 0 1 0 0-5h-66a2.5 2.5 0 0 0-2.5 2.5z"/> <path fill="#FBF063" d="M23 31l16 17h44L67 31H23z"/> <path fill="#F0C419" d="M67 70l16-17H39L23 70h44z"/> </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
620 bytes
469 bytes
-24%
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"> <clipPath id="a"> <circle cx="50" cy="50" r="50"/> </clipPath> <g fill-rule="evenodd" clip-rule="evenodd" clip-path="url(#a)"> <circle fill="#24AE5F" cx="50" cy="50" r="50"/> <path fill="#E57D25" d="M34 50.5a2.5 2.5 0 0 0 2.5 2.5h66a2.5 2.5 0 1 0 0-5h-66a2.5 2.5 0 0 0-2.5 2.5z"/> <path fill="#FBF063" d="M23 31l16 17h44L67 31H23z"/> <path fill="#F0C419" d="M67 70l16-17H39L23 70h44z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download