SVG
Viewer
Dark mode
Light mode
Hide sidebar
Tab Desktop Copy
Fluent Ui Icons Outlined
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
986 bytes
559 bytes
-43%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: MIT. Made by Microsoft: https://github.com/microsoft/fluentui-system-icons --> <svg width="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.50004 2C6.11933 2 5.00004 3.11929 5.00004 4.5V12.5C5.00004 13.8807 6.11933 15 7.50004 15H15.5C16.8807 15 18 13.8807 18 12.5V4.5C18 3.11929 16.8807 2 15.5 2H7.50004ZM17 4.5V5H10.5C10.2239 5 10 4.77614 10 4.5V3H15.5C16.3285 3 17 3.67157 17 4.5ZM9.00004 4.5C9.00004 5.32843 9.67161 6 10.5 6H17V12.5C17 13.3284 16.3285 14 15.5 14H7.50004C6.67161 14 6.00004 13.3284 6.00004 12.5V4.5C6.00004 3.67157 6.67161 3 7.50004 3H9.00004V4.5Z" fill="#212121"/> <path d="M12.5002 18C13.7097 18 14.7186 17.1411 14.9502 16H13.9149C13.709 16.5826 13.1534 17 12.5002 17H6.00024C4.34339 17 3.00024 15.6568 3.00024 14V7.49998C3.00024 6.84687 3.41765 6.29125 4.00025 6.08533V5.04999C2.85913 5.28162 2.00024 6.2905 2.00024 7.49998V14C2.00024 16.2091 3.79111 18 6.00024 18H12.5002Z" 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
986 bytes
559 bytes
-43%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: MIT. Made by Microsoft: https://github.com/microsoft/fluentui-system-icons --> <svg width="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.50004 2C6.11933 2 5.00004 3.11929 5.00004 4.5V12.5C5.00004 13.8807 6.11933 15 7.50004 15H15.5C16.8807 15 18 13.8807 18 12.5V4.5C18 3.11929 16.8807 2 15.5 2H7.50004ZM17 4.5V5H10.5C10.2239 5 10 4.77614 10 4.5V3H15.5C16.3285 3 17 3.67157 17 4.5ZM9.00004 4.5C9.00004 5.32843 9.67161 6 10.5 6H17V12.5C17 13.3284 16.3285 14 15.5 14H7.50004C6.67161 14 6.00004 13.3284 6.00004 12.5V4.5C6.00004 3.67157 6.67161 3 7.50004 3H9.00004V4.5Z" fill="#212121"/> <path d="M12.5002 18C13.7097 18 14.7186 17.1411 14.9502 16H13.9149C13.709 16.5826 13.1534 17 12.5002 17H6.00024C4.34339 17 3.00024 15.6568 3.00024 14V7.49998C3.00024 6.84687 3.41765 6.29125 4.00025 6.08533V5.04999C2.85913 5.28162 2.00024 6.2905 2.00024 7.49998V14C2.00024 16.2091 3.79111 18 6.00024 18H12.5002Z" fill="#212121"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download