SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Scan
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.3 KB
666 bytes
-50%
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"> <path d="M9 3H8C7.07003 3 6.60504 3 6.22354 3.10222C5.18827 3.37962 4.37962 4.18827 4.10222 5.22354C4 5.60504 4 6.07003 4 7" stroke="#33363F" stroke-width="2" stroke-linejoin="round"/> <path d="M15 3H16C16.93 3 17.395 3 17.7765 3.10222C18.8117 3.37962 19.6204 4.18827 19.8978 5.22354C20 5.60504 20 6.07003 20 7" stroke="#33363F" stroke-width="2" stroke-linejoin="round"/> <path d="M20 15V16C20 17.8692 20 18.8038 19.5981 19.5C19.3348 19.9561 18.9561 20.3348 18.5 20.5981C17.8038 21 16.8692 21 15 21" stroke="#33363F" stroke-width="2" stroke-linejoin="round"/> <path d="M4 15V16C4 17.8692 4 18.8038 4.40192 19.5C4.66523 19.9561 5.04394 20.3348 5.5 20.5981C6.19615 21 7.13077 21 9 21" stroke="#33363F" stroke-width="2" stroke-linejoin="round"/> <path d="M3 15L21 15" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 11L7 15L17 15L17 11C17 10.0572 17 9.58579 16.7071 9.29289C16.4142 9 15.9428 9 15 9L9 9C8.05719 9 7.58579 9 7.29289 9.29289C7 9.58579 7 10.0572 7 11Z" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.3 KB
666 bytes
-50%
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"> <path d="M9 3H8C7.07003 3 6.60504 3 6.22354 3.10222C5.18827 3.37962 4.37962 4.18827 4.10222 5.22354C4 5.60504 4 6.07003 4 7" stroke="#33363F" stroke-width="2" stroke-linejoin="round"/> <path d="M15 3H16C16.93 3 17.395 3 17.7765 3.10222C18.8117 3.37962 19.6204 4.18827 19.8978 5.22354C20 5.60504 20 6.07003 20 7" stroke="#33363F" stroke-width="2" stroke-linejoin="round"/> <path d="M20 15V16C20 17.8692 20 18.8038 19.5981 19.5C19.3348 19.9561 18.9561 20.3348 18.5 20.5981C17.8038 21 16.8692 21 15 21" stroke="#33363F" stroke-width="2" stroke-linejoin="round"/> <path d="M4 15V16C4 17.8692 4 18.8038 4.40192 19.5C4.66523 19.9561 5.04394 20.3348 5.5 20.5981C6.19615 21 7.13077 21 9 21" stroke="#33363F" stroke-width="2" stroke-linejoin="round"/> <path d="M3 15L21 15" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 11L7 15L17 15L17 11C17 10.0572 17 9.58579 16.7071 9.29289C16.4142 9 15.9428 9 15 9L9 9C8.05719 9 7.58579 9 7.29289 9.29289C7 9.58579 7 10.0572 7 11Z" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG