SVG
Viewer
Dark mode
Light mode
Hide sidebar
Monitor
Neon Interface Line 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
784 bytes
359 bytes
-54%
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: CC Attribution. Made by Naman Srivastava: https://www.figma.com/community/file/994288329797581785 --> <svg width="800px" height="800px" viewBox="-0.5 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 16.5H3C2.72 16.5 2.5 16.28 2.5 16V5C2.5 4.72 2.72 4.5 3 4.5H21C21.28 4.5 21.5 4.72 21.5 5V16C21.5 16.27 21.28 16.5 21 16.5Z" stroke="#0F0F0F" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.5 14.5H4.5" stroke="#0F0F0F" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 18.5V20C16 20.28 15.78 20.5 15.5 20.5H8.5C8.22 20.5 8 20.28 8 20V18.5" stroke="#0F0F0F" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </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
784 bytes
359 bytes
-54%
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: CC Attribution. Made by Naman Srivastava: https://www.figma.com/community/file/994288329797581785 --> <svg width="800px" height="800px" viewBox="-0.5 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 16.5H3C2.72 16.5 2.5 16.28 2.5 16V5C2.5 4.72 2.72 4.5 3 4.5H21C21.28 4.5 21.5 4.72 21.5 5V16C21.5 16.27 21.28 16.5 21 16.5Z" stroke="#0F0F0F" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.5 14.5H4.5" stroke="#0F0F0F" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 18.5V20C16 20.28 15.78 20.5 15.5 20.5H8.5C8.22 20.5 8 20.28 8 20V18.5" stroke="#0F0F0F" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download