SVG
Viewer
Dark mode
Light mode
Hide sidebar
Folder 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
963 bytes
641 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"> <path d="M3 7C3 5.11438 3 4.17157 3.58579 3.58579C4.17157 3 5.11438 3 7 3H17C18.8856 3 19.8284 3 20.4142 3.58579C21 4.17157 21 5.11438 21 7V17C21 18.8856 21 19.8284 20.4142 20.4142C19.8284 21 18.8856 21 17 21H7C5.11438 21 4.17157 21 3.58579 20.4142C3 19.8284 3 18.8856 3 17V7Z" stroke="#33363F" stroke-width="2"/> <path d="M3 7H6C6.98142 7 7.47214 7 7.89443 7.21115C8.31672 7.42229 8.61115 7.81486 9.2 8.6L9.8 9.4C10.3889 10.1851 10.6833 10.5777 11.1056 10.7889C11.5279 11 12.0186 11 13 11H18C18.9319 11 19.3978 11 19.7654 10.8478C20.2554 10.6448 20.6448 10.2554 20.8478 9.76537C21 9.39782 21 8.93188 21 8V8" stroke="#33363F" stroke-width="2"/> <path d="M7 16H15" 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
963 bytes
641 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"> <path d="M3 7C3 5.11438 3 4.17157 3.58579 3.58579C4.17157 3 5.11438 3 7 3H17C18.8856 3 19.8284 3 20.4142 3.58579C21 4.17157 21 5.11438 21 7V17C21 18.8856 21 19.8284 20.4142 20.4142C19.8284 21 18.8856 21 17 21H7C5.11438 21 4.17157 21 3.58579 20.4142C3 19.8284 3 18.8856 3 17V7Z" stroke="#33363F" stroke-width="2"/> <path d="M3 7H6C6.98142 7 7.47214 7 7.89443 7.21115C8.31672 7.42229 8.61115 7.81486 9.2 8.6L9.8 9.4C10.3889 10.1851 10.6833 10.5777 11.1056 10.7889C11.5279 11 12.0186 11 13 11H18C18.9319 11 19.3978 11 19.7654 10.8478C20.2554 10.6448 20.6448 10.2554 20.8478 9.76537C21 9.39782 21 8.93188 21 8V8" stroke="#33363F" stroke-width="2"/> <path d="M7 16H15" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download