SVG
Viewer
Dark mode
Light mode
Hide sidebar
Battery Low
Lets Light Line 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
592 bytes
399 bytes
-33%
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 Leonid Tsvetkov: https://www.figma.com/@Leonid --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="7.5" y="6.5" width="9" height="14" rx="1.5" stroke="#222222"/> <rect x="9" y="16" width="6" height="3" rx="0.8" fill="#222222"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.29289 3.29289C9 3.58579 9 4.05719 9 5H15C15 4.05719 15 3.58579 14.7071 3.29289C14.4142 3 13.9428 3 13 3H11C10.0572 3 9.58579 3 9.29289 3.29289Z" fill="#222222"/> </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
592 bytes
399 bytes
-33%
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 Leonid Tsvetkov: https://www.figma.com/@Leonid --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="7.5" y="6.5" width="9" height="14" rx="1.5" stroke="#222222"/> <rect x="9" y="16" width="6" height="3" rx="0.8" fill="#222222"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.29289 3.29289C9 3.58579 9 4.05719 9 5H15C15 4.05719 15 3.58579 14.7071 3.29289C14.4142 3 13.9428 3 13 3H11C10.0572 3 9.58579 3 9.29289 3.29289Z" fill="#222222"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download