SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Document Edit
Fluent Ui Icons Filled
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.18 KB
670 bytes
-45%
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
<!-- License: MIT. Made by Microsoft: https://github.com/microsoft/fluentui-system-icons --> <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2V8C12 9.10457 12.8954 10 14 10H18.9209C18.324 10.2196 17.7756 10.5541 17.3621 10.9704L11.3114 17.0623C10.9598 17.4164 10.7086 17.8576 10.5836 18.3407L10.0588 20.3701C9.90491 20.9651 10.0168 21.5396 10.3007 22H5.5C4.67157 22 4 21.3284 4 20.5V3.5C4 2.67157 4.67157 2 5.5 2H12Z" fill="#212121"/> <path d="M13.5 2.5V8C13.5 8.27614 13.7239 8.5 14 8.5H19.5L13.5 2.5Z" fill="#212121"/> <path d="M12.1957 17.5719L18.0981 11.6695C18.9907 10.7768 20.4379 10.7768 21.3305 11.6695C22.2231 12.5621 22.2231 14.0093 21.3305 14.9019L15.4281 20.8043C15.084 21.1485 14.6528 21.3926 14.1806 21.5106L12.3499 21.9683C11.5538 22.1674 10.8326 21.4462 11.0317 20.6501L11.4894 18.8194C11.6074 18.3472 11.8515 17.916 12.1957 17.5719ZM19.1587 12.7301L13.2563 18.6325C13.1044 18.7844 12.9967 18.9748 12.9446 19.1832L12.6538 20.3462L13.8168 20.0554C14.0252 20.0033 14.2155 19.8956 14.3674 19.7437L20.2699 13.8412C20.5767 13.5344 20.5767 13.0369 20.2699 12.7301C19.963 12.4233 19.4656 12.4233 19.1587 12.7301Z" fill="#212121"/> </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.18 KB
670 bytes
-45%
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
<!-- License: MIT. Made by Microsoft: https://github.com/microsoft/fluentui-system-icons --> <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2V8C12 9.10457 12.8954 10 14 10H18.9209C18.324 10.2196 17.7756 10.5541 17.3621 10.9704L11.3114 17.0623C10.9598 17.4164 10.7086 17.8576 10.5836 18.3407L10.0588 20.3701C9.90491 20.9651 10.0168 21.5396 10.3007 22H5.5C4.67157 22 4 21.3284 4 20.5V3.5C4 2.67157 4.67157 2 5.5 2H12Z" fill="#212121"/> <path d="M13.5 2.5V8C13.5 8.27614 13.7239 8.5 14 8.5H19.5L13.5 2.5Z" fill="#212121"/> <path d="M12.1957 17.5719L18.0981 11.6695C18.9907 10.7768 20.4379 10.7768 21.3305 11.6695C22.2231 12.5621 22.2231 14.0093 21.3305 14.9019L15.4281 20.8043C15.084 21.1485 14.6528 21.3926 14.1806 21.5106L12.3499 21.9683C11.5538 22.1674 10.8326 21.4462 11.0317 20.6501L11.4894 18.8194C11.6074 18.3472 11.8515 17.916 12.1957 17.5719ZM19.1587 12.7301L13.2563 18.6325C13.1044 18.7844 12.9967 18.9748 12.9446 19.1832L12.6538 20.3462L13.8168 20.0554C14.0252 20.0033 14.2155 19.8956 14.3674 19.7437L20.2699 13.8412C20.5767 13.5344 20.5767 13.0369 20.2699 12.7301C19.963 12.4233 19.4656 12.4233 19.1587 12.7301Z" fill="#212121"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download