SVG
Viewer
Dark mode
Light mode
Hide sidebar
Browsers
Nimble Tiny Flat 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
1002 bytes
689 bytes
-31%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Zlatko Najdenovski: https://www.figma.com/@zlat --> <svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_901_2896)"> <path d="M31 8V11H7V8C7 7.45 7.45 7 8 7H25H30C30.55 7 31 7.45 31 8Z" fill="#668077"/> <path d="M31 11V30C31 30.55 30.55 31 30 31H8C7.45 31 7 30.55 7 30V25V11H31Z" fill="#FFC44D"/> <path d="M25 2V7H8C7.45 7 7 7.45 7 8V11V25H2C2 25 1 25 1 24V2C1 2 1 1 2 1H24C24 1 25 1 25 2Z" fill="#FFE6EA"/> <path d="M7 11H31M13 21H25M13 17H18M13 25H25M3 25H2C2 25 1 25.005 1 24.005V2.005C1 2.005 1 1 2 1H24C24 1 25 1.005 25 2.005V3M31 30C31 30.553 30.552 31 30 31H8C7.448 31 7 30.553 7 30V8C7 7.447 7.448 7 8 7H30C30.552 7 31 7.447 31 8V30Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_901_2896"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </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
1002 bytes
689 bytes
-31%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Zlatko Najdenovski: https://www.figma.com/@zlat --> <svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_901_2896)"> <path d="M31 8V11H7V8C7 7.45 7.45 7 8 7H25H30C30.55 7 31 7.45 31 8Z" fill="#668077"/> <path d="M31 11V30C31 30.55 30.55 31 30 31H8C7.45 31 7 30.55 7 30V25V11H31Z" fill="#FFC44D"/> <path d="M25 2V7H8C7.45 7 7 7.45 7 8V11V25H2C2 25 1 25 1 24V2C1 2 1 1 2 1H24C24 1 25 1 25 2Z" fill="#FFE6EA"/> <path d="M7 11H31M13 21H25M13 17H18M13 25H25M3 25H2C2 25 1 25.005 1 24.005V2.005C1 2.005 1 1 2 1H24C24 1 25 1.005 25 2.005V3M31 30C31 30.553 30.552 31 30 31H8C7.448 31 7 30.553 7 30V8C7 7.447 7.448 7 8 7H30C30.552 7 31 7.447 31 8V30Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_901_2896"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download