SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Copy Add
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.26 KB
592 bytes
-54%
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="M4.5 6.75L4.5028 4.62704C3.62745 4.93512 3 5.76929 3 6.75V17.2542C3 19.8776 5.12665 22.0042 7.75 22.0042H12.8136C12.3866 21.5601 12.0222 21.0554 11.7345 20.5043L7.75 20.5042C5.95507 20.5042 4.5 19.0491 4.5 17.2542V6.75Z" fill="#212121"/> <path d="M19 11.1739C18.5185 11.0602 18.0163 11 17.5 11C13.9101 11 11 13.9101 11 17.5C11 18.1978 11.11 18.8699 11.3135 19.5H7.75C6.50736 19.5 5.5 18.4926 5.5 17.25V4.25C5.5 3.00736 6.50736 2 7.75 2H16.75C17.9926 2 19 3.00736 19 4.25V11.1739Z" fill="#212121"/> <path d="M17.5 12C20.5376 12 23 14.4624 23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12ZM18.0011 20.5035L18.0006 18H20.4966C20.7725 18 20.9961 17.7762 20.9961 17.5C20.9961 17.2239 20.7725 17 20.4966 17H18.0005L18 14.4993C18 14.2231 17.7761 13.9993 17.5 13.9993C17.2239 13.9993 17 14.2231 17 14.4993L17.0005 17H14.4956C14.2197 17 13.9961 17.2239 13.9961 17.5C13.9961 17.7762 14.2197 18 14.4956 18H17.0006L17.0011 20.5035C17.0011 20.7797 17.225 21.0035 17.5011 21.0035C17.7773 21.0035 18.0011 20.7797 18.0011 20.5035Z" fill="#212121"/> </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.26 KB
592 bytes
-54%
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="M4.5 6.75L4.5028 4.62704C3.62745 4.93512 3 5.76929 3 6.75V17.2542C3 19.8776 5.12665 22.0042 7.75 22.0042H12.8136C12.3866 21.5601 12.0222 21.0554 11.7345 20.5043L7.75 20.5042C5.95507 20.5042 4.5 19.0491 4.5 17.2542V6.75Z" fill="#212121"/> <path d="M19 11.1739C18.5185 11.0602 18.0163 11 17.5 11C13.9101 11 11 13.9101 11 17.5C11 18.1978 11.11 18.8699 11.3135 19.5H7.75C6.50736 19.5 5.5 18.4926 5.5 17.25V4.25C5.5 3.00736 6.50736 2 7.75 2H16.75C17.9926 2 19 3.00736 19 4.25V11.1739Z" fill="#212121"/> <path d="M17.5 12C20.5376 12 23 14.4624 23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12ZM18.0011 20.5035L18.0006 18H20.4966C20.7725 18 20.9961 17.7762 20.9961 17.5C20.9961 17.2239 20.7725 17 20.4966 17H18.0005L18 14.4993C18 14.2231 17.7761 13.9993 17.5 13.9993C17.2239 13.9993 17 14.2231 17 14.4993L17.0005 17H14.4956C14.2197 17 13.9961 17.2239 13.9961 17.5C13.9961 17.7762 14.2197 18 14.4956 18H17.0006L17.0011 20.5035C17.0011 20.7797 17.225 21.0035 17.5011 21.0035C17.7773 21.0035 18.0011 20.7797 18.0011 20.5035Z" fill="#212121"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG