SVG
Viewer
Dark mode
Light mode
Hide sidebar
Trip Bag
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
2.59 KB
2.4 KB
-7%
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"><path fill-rule="evenodd" clip-rule="evenodd" fill="#E64C3C" d="M20 88.5c-1.93 0-3.5-1.57-3.5-3.5V42c0-1.93 1.57-3.5 3.5-3.5h60c1.93 0 3.5 1.57 3.5 3.5v43c0 1.93-1.57 3.5-3.5 3.5H20z"/><path fill="#C03A2B" d="M80 40c1.103 0 2 .897 2 2v43c0 1.103-.897 2-2 2H20c-1.103 0-2-.897-2-2V42c0-1.103.897-2 2-2h60m0-3H20a5 5 0 0 0-5 5v43a5 5 0 0 0 5 5h60a5 5 0 0 0 5-5V42a5 5 0 0 0-5-5z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#2C3E50" d="M23 89.999a5 5 0 1 0 5 5v-5h-5z"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#495E74" cx="23" cy="95" r="3"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#2C3E50" d="M77 89.999a5 5 0 1 1-5 5v-5h5z"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#495E74" cx="77" cy="95" r="3"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#495E74" d="M63 37V7a3 3 0 0 0-3-3H40a3 3 0 0 0-3 3v30h-4V5a5 5 0 0 1 5-5h24a5 5 0 0 1 5 5v32h-4z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#2C3E50" d="M66.958 6V4.586C66.745 2.022 64.62 0 62 0H38a5 5 0 0 0-5 5v4a2 2 0 1 0 4 0V7a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v2a2 2 0 1 0 4 0V6h-.042z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#EBECED" d="M63.042 37h8.018L77 42.94 58.931 61.009l-9.949-9.949L63.042 37z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#C03A2B" d="M33 37h4v47h-4zm30 0h4v47h-4z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#F0C419" d="M37 61h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zm0 6h-4v-4h4v4z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#90241D" d="M65 80l-2-2v12h4V78l-2 2zm-32-2v12h4V78l-2 2-2-2zm2-17a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm30 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM35 66a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm30 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#FCF062" d="M37 63v4h-4l-1.414 1.414c.362.362.862.586 1.414.586h4a2 2 0 0 0 2-2v-4c0-.552-.224-1.052-.586-1.414L37 63z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#F0C419" d="M67 61h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zm0 6h-4v-4h4v4z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#FCF062" d="M67 63v4h-4l-1.414 1.414c.362.362.862.586 1.414.586h4a2 2 0 0 0 2-2v-4c0-.552-.224-1.052-.586-1.414L67 63z"/></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
2.59 KB
2.4 KB
-7%
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"><path fill-rule="evenodd" clip-rule="evenodd" fill="#E64C3C" d="M20 88.5c-1.93 0-3.5-1.57-3.5-3.5V42c0-1.93 1.57-3.5 3.5-3.5h60c1.93 0 3.5 1.57 3.5 3.5v43c0 1.93-1.57 3.5-3.5 3.5H20z"/><path fill="#C03A2B" d="M80 40c1.103 0 2 .897 2 2v43c0 1.103-.897 2-2 2H20c-1.103 0-2-.897-2-2V42c0-1.103.897-2 2-2h60m0-3H20a5 5 0 0 0-5 5v43a5 5 0 0 0 5 5h60a5 5 0 0 0 5-5V42a5 5 0 0 0-5-5z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#2C3E50" d="M23 89.999a5 5 0 1 0 5 5v-5h-5z"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#495E74" cx="23" cy="95" r="3"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#2C3E50" d="M77 89.999a5 5 0 1 1-5 5v-5h5z"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#495E74" cx="77" cy="95" r="3"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#495E74" d="M63 37V7a3 3 0 0 0-3-3H40a3 3 0 0 0-3 3v30h-4V5a5 5 0 0 1 5-5h24a5 5 0 0 1 5 5v32h-4z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#2C3E50" d="M66.958 6V4.586C66.745 2.022 64.62 0 62 0H38a5 5 0 0 0-5 5v4a2 2 0 1 0 4 0V7a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v2a2 2 0 1 0 4 0V6h-.042z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#EBECED" d="M63.042 37h8.018L77 42.94 58.931 61.009l-9.949-9.949L63.042 37z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#C03A2B" d="M33 37h4v47h-4zm30 0h4v47h-4z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#F0C419" d="M37 61h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zm0 6h-4v-4h4v4z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#90241D" d="M65 80l-2-2v12h4V78l-2 2zm-32-2v12h4V78l-2 2-2-2zm2-17a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm30 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM35 66a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm30 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#FCF062" d="M37 63v4h-4l-1.414 1.414c.362.362.862.586 1.414.586h4a2 2 0 0 0 2-2v-4c0-.552-.224-1.052-.586-1.414L37 63z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#F0C419" d="M67 61h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zm0 6h-4v-4h4v4z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#FCF062" d="M67 63v4h-4l-1.414 1.414c.362.362.862.586 1.414.586h4a2 2 0 0 0 2-2v-4c0-.552-.224-1.052-.586-1.414L67 63z"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download