SVG
Viewer
Dark mode
Light mode
Hide sidebar
Calendar Assistant
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
984 bytes
509 bytes
-48%
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="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 8.5V12.0218C19.9897 11.375 18.7886 11 17.5 11C13.9101 11 11 13.9101 11 17.5C11 18.7886 11.375 19.9897 12.0218 21H6.25C4.45507 21 3 19.5449 3 17.75V8.5H21Z" fill="#212121"/> <path d="M17.75 3C19.5449 3 21 4.45507 21 6.25V7H3V6.25C3 4.45507 4.45507 3 6.25 3H17.75Z" fill="#212121"/> <path d="M17.5 23C20.5376 23 23 20.5376 23 17.5C23 14.4624 20.5376 12 17.5 12C14.4624 12 12 14.4624 12 17.5C12 20.5376 14.4624 23 17.5 23ZM17.0965 14H18.5285C18.8776 14 19.1192 14.3487 18.9967 14.6756L18.5 16H19.1345C19.5072 16 19.7314 16.4132 19.5283 16.7257L16.9032 20.7643C16.8077 20.9113 16.6442 21 16.4688 21C16.1152 21 15.8655 20.6535 15.9773 20.3181L16.75 18H15.9715C15.6224 18 15.3808 17.6513 15.5033 17.3244L16.6283 14.3244C16.7015 14.1293 16.8881 14 17.0965 14Z" 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
984 bytes
509 bytes
-48%
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="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 8.5V12.0218C19.9897 11.375 18.7886 11 17.5 11C13.9101 11 11 13.9101 11 17.5C11 18.7886 11.375 19.9897 12.0218 21H6.25C4.45507 21 3 19.5449 3 17.75V8.5H21Z" fill="#212121"/> <path d="M17.75 3C19.5449 3 21 4.45507 21 6.25V7H3V6.25C3 4.45507 4.45507 3 6.25 3H17.75Z" fill="#212121"/> <path d="M17.5 23C20.5376 23 23 20.5376 23 17.5C23 14.4624 20.5376 12 17.5 12C14.4624 12 12 14.4624 12 17.5C12 20.5376 14.4624 23 17.5 23ZM17.0965 14H18.5285C18.8776 14 19.1192 14.3487 18.9967 14.6756L18.5 16H19.1345C19.5072 16 19.7314 16.4132 19.5283 16.7257L16.9032 20.7643C16.8077 20.9113 16.6442 21 16.4688 21C16.1152 21 15.8655 20.6535 15.9773 20.3181L16.75 18H15.9715C15.6224 18 15.3808 17.6513 15.5033 17.3244L16.6283 14.3244C16.7015 14.1293 16.8881 14 17.0965 14Z" fill="#212121"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download