SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Direction Alt 3
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.23 KB
794 bytes
-37%
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="M17 13L12.8787 17.1213C12.3161 17.6839 12 18.447 12 19.2426V20M17 13H15L17 15V13Z" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 13L11.1213 17.1213C11.6839 17.6839 12 18.447 12 19.2426V20M7 13H9L7 15V13Z" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 8.5V17V20M12 8.5L13.5 10H10.5L12 8.5Z" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 19H16.2C17.8802 19 18.7202 19 19.362 18.673C19.9265 18.3854 20.3854 17.9265 20.673 17.362C21 16.7202 21 15.8802 21 14.2V9.8C21 8.11984 21 7.27976 20.673 6.63803C20.3854 6.07354 19.9265 5.6146 19.362 5.32698C18.7202 5 17.8802 5 16.2 5H7.8C6.11984 5 5.27976 5 4.63803 5.32698C4.07354 5.6146 3.6146 6.07354 3.32698 6.63803C3 7.27976 3 8.11984 3 9.8V14.2C3 15.8802 3 16.7202 3.32698 17.362C3.6146 17.9265 4.07354 18.3854 4.63803 18.673C5.27976 19 6.11984 19 7.8 19H8" 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.23 KB
794 bytes
-37%
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="M17 13L12.8787 17.1213C12.3161 17.6839 12 18.447 12 19.2426V20M17 13H15L17 15V13Z" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 13L11.1213 17.1213C11.6839 17.6839 12 18.447 12 19.2426V20M7 13H9L7 15V13Z" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 8.5V17V20M12 8.5L13.5 10H10.5L12 8.5Z" stroke="#33363F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 19H16.2C17.8802 19 18.7202 19 19.362 18.673C19.9265 18.3854 20.3854 17.9265 20.673 17.362C21 16.7202 21 15.8802 21 14.2V9.8C21 8.11984 21 7.27976 20.673 6.63803C20.3854 6.07354 19.9265 5.6146 19.362 5.32698C18.7202 5 17.8802 5 16.2 5H7.8C6.11984 5 5.27976 5 4.63803 5.32698C4.07354 5.6146 3.6146 6.07354 3.32698 6.63803C3 7.27976 3 8.11984 3 9.8V14.2C3 15.8802 3 16.7202 3.32698 17.362C3.6146 17.9265 4.07354 18.3854 4.63803 18.673C5.27976 19 6.11984 19 7.8 19H8" stroke="#33363F" stroke-width="2" stroke-linecap="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download