SVG
Viewer
Dark mode
Light mode
Hide sidebar
Add Image
Flat Color 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
730 bytes
450 bytes
-38%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: PD. Made by icons8: https://icons8.com/c/flat-color-icons --> <svg width="800px" height="800px" viewBox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 48 48"> <path fill="#8CBCD6" d="M40,41H8c-2.2,0-4-1.8-4-4V11c0-2.2,1.8-4,4-4h32c2.2,0,4,1.8,4,4v26C44,39.2,42.2,41,40,41z"/> <circle fill="#B3DDF5" cx="35" cy="16" r="3"/> <polygon fill="#9AC9E3" points="20,16 9,32 31,32"/> <polygon fill="#B3DDF5" points="31,22 23,32 39,32"/> <circle fill="#43A047" cx="38" cy="38" r="10"/> <g fill="#ffffff"> <rect x="36" y="32" width="4" height="12"/> <rect x="32" y="36" width="12" height="4"/> </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
730 bytes
450 bytes
-38%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: PD. Made by icons8: https://icons8.com/c/flat-color-icons --> <svg width="800px" height="800px" viewBox="0 0 48 48" version="1" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 48 48"> <path fill="#8CBCD6" d="M40,41H8c-2.2,0-4-1.8-4-4V11c0-2.2,1.8-4,4-4h32c2.2,0,4,1.8,4,4v26C44,39.2,42.2,41,40,41z"/> <circle fill="#B3DDF5" cx="35" cy="16" r="3"/> <polygon fill="#9AC9E3" points="20,16 9,32 31,32"/> <polygon fill="#B3DDF5" points="31,22 23,32 39,32"/> <circle fill="#43A047" cx="38" cy="38" r="10"/> <g fill="#ffffff"> <rect x="36" y="32" width="4" height="12"/> <rect x="32" y="36" width="12" height="4"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download