SVG
Viewer
Dark mode
Light mode
Hide sidebar
Box
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
952 bytes
788 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"><path fill-rule="evenodd" clip-rule="evenodd" fill="#FBF063" d="M7 22L50 0l43 22-43 21.001L7 22z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#F29C1F" d="M50.003 42.997L7 22v54.28l43.006 21.714-.003-54.997z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#F0C419" d="M50 97.994L93.006 76.28V22L50.003 42.997 50 97.994z"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="#F29C1F" d="M27.036 11.705l42.995 21.498 2.263-1.105-43.047-21.524z"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M21.318 14.674L63.3 36.505l15.99-7.809L35.788 7.271z"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M63.312 36.505l15.978-7.818v11l-15.978 8.817V36.505z"/></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
952 bytes
788 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"><path fill-rule="evenodd" clip-rule="evenodd" fill="#FBF063" d="M7 22L50 0l43 22-43 21.001L7 22z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#F29C1F" d="M50.003 42.997L7 22v54.28l43.006 21.714-.003-54.997z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#F0C419" d="M50 97.994L93.006 76.28V22L50.003 42.997 50 97.994z"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="#F29C1F" d="M27.036 11.705l42.995 21.498 2.263-1.105-43.047-21.524z"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M21.318 14.674L63.3 36.505l15.99-7.809L35.788 7.271z"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M63.312 36.505l15.978-7.818v11l-15.978 8.817V36.505z"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download