SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Gift Alt
Lets Bold Circular 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
1.04 KB
506 bytes
-53%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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="2" y="10" width="18" height="3" rx="1.5" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> <path d="M5 13V19.4C5 19.9601 5 20.2401 5.10899 20.454C5.20487 20.6422 5.35785 20.7951 5.54601 20.891C5.75992 21 6.03995 21 6.6 21H15.4C15.9601 21 16.2401 21 16.454 20.891C16.6422 20.7951 16.7951 20.6422 16.891 20.454C17 20.2401 17 19.9601 17 19.4V13" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> <path d="M12 6.5V10H8.5C6.567 10 5 8.433 5 6.5C5 4.567 6.567 3 8.5 3C10.433 3 12 4.567 12 6.5Z" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> <path d="M12 7.5V10H14.5C15.8807 10 17 8.88071 17 7.5C17 6.11929 15.8807 5 14.5 5C13.1193 5 12 6.11929 12 7.5Z" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> <path d="M12 13V21" stroke="#33363F" stroke-width="2" stroke-linecap="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
1.04 KB
506 bytes
-53%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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="2" y="10" width="18" height="3" rx="1.5" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> <path d="M5 13V19.4C5 19.9601 5 20.2401 5.10899 20.454C5.20487 20.6422 5.35785 20.7951 5.54601 20.891C5.75992 21 6.03995 21 6.6 21H15.4C15.9601 21 16.2401 21 16.454 20.891C16.6422 20.7951 16.7951 20.6422 16.891 20.454C17 20.2401 17 19.9601 17 19.4V13" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> <path d="M12 6.5V10H8.5C6.567 10 5 8.433 5 6.5C5 4.567 6.567 3 8.5 3C10.433 3 12 4.567 12 6.5Z" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> <path d="M12 7.5V10H14.5C15.8807 10 17 8.88071 17 7.5C17 6.11929 15.8807 5 14.5 5C13.1193 5 12 6.11929 12 7.5Z" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> <path d="M12 13V21" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download