SVG
Viewer
Dark mode
Light mode
Hide sidebar
Conditional Textblock
Bliss Cornered Interface 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
519 bytes
326 bytes
-37%
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 Bliss Design System: https://gitlab.com/bliss-design-system/iconsets --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4V20H5.50002V14.9278L2.57458 12.0024L5.50002 9.07698V4H20ZM18.5 5.5H7.00002V9.6983L4.6959 12.0024L7.00002 14.3065V18.5H18.5V5.5Z" fill="#1F2328"/> <path d="M13.5 16H12V9.5H9.50002V8H16V9.5H13.5V16Z" fill="#1F2328"/> </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
519 bytes
326 bytes
-37%
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 Bliss Design System: https://gitlab.com/bliss-design-system/iconsets --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4V20H5.50002V14.9278L2.57458 12.0024L5.50002 9.07698V4H20ZM18.5 5.5H7.00002V9.6983L4.6959 12.0024L7.00002 14.3065V18.5H18.5V5.5Z" fill="#1F2328"/> <path d="M13.5 16H12V9.5H9.50002V8H16V9.5H13.5V16Z" fill="#1F2328"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download