SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Calendar Person
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
1.1 KB
592 bytes
-47%
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="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.5 3C15.8807 3 17 4.11929 17 5.5V8.76389C16.7115 8.50564 16.3726 8.30241 16 8.17071V7H4V14.5C4 15.3284 4.67157 16 5.5 16H10.0254C10.0616 16.351 10.1359 16.6852 10.245 17H5.5C4.11929 17 3 15.8807 3 14.5V5.5C3 4.11929 4.11929 3 5.5 3H14.5ZM14.5 4H5.5C4.67157 4 4 4.67157 4 5.5V6H16V5.5C16 4.67157 15.3284 4 14.5 4Z" fill="#212121"/> <path d="M16 9.26756C16.5978 9.61337 17 10.2597 17 11C17 11.7403 16.5978 12.3866 16 12.7324C15.7058 12.9026 15.3643 13 15 13C13.8954 13 13 12.1046 13 11C13 9.89543 13.8954 9 15 9C15.3643 9 15.7058 9.09739 16 9.26756Z" fill="#212121"/> <path d="M11.0321 16C11.0109 15.8388 11 15.672 11 15.5C11 14.6716 11.6716 14 12.5 14L17.5 14C18.3284 14 19 14.6716 19 15.5C19 16.6161 18.541 17.5103 17.7879 18.1148C17.0466 18.7098 16.0531 19 15 19C13.9469 19 12.9534 18.7098 12.2121 18.1148C11.8358 17.8127 11.5329 17.4383 11.324 17C11.1793 16.6964 11.0797 16.3621 11.0321 16Z" 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.1 KB
592 bytes
-47%
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="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.5 3C15.8807 3 17 4.11929 17 5.5V8.76389C16.7115 8.50564 16.3726 8.30241 16 8.17071V7H4V14.5C4 15.3284 4.67157 16 5.5 16H10.0254C10.0616 16.351 10.1359 16.6852 10.245 17H5.5C4.11929 17 3 15.8807 3 14.5V5.5C3 4.11929 4.11929 3 5.5 3H14.5ZM14.5 4H5.5C4.67157 4 4 4.67157 4 5.5V6H16V5.5C16 4.67157 15.3284 4 14.5 4Z" fill="#212121"/> <path d="M16 9.26756C16.5978 9.61337 17 10.2597 17 11C17 11.7403 16.5978 12.3866 16 12.7324C15.7058 12.9026 15.3643 13 15 13C13.8954 13 13 12.1046 13 11C13 9.89543 13.8954 9 15 9C15.3643 9 15.7058 9.09739 16 9.26756Z" fill="#212121"/> <path d="M11.0321 16C11.0109 15.8388 11 15.672 11 15.5C11 14.6716 11.6716 14 12.5 14L17.5 14C18.3284 14 19 14.6716 19 15.5C19 16.6161 18.541 17.5103 17.7879 18.1148C17.0466 18.7098 16.0531 19 15 19C13.9469 19 12.9534 18.7098 12.2121 18.1148C11.8358 17.8127 11.5329 17.4383 11.324 17C11.1793 16.6964 11.0797 16.3621 11.0321 16Z" fill="#212121"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download