SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Inprivate Account
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.22 KB
677 bytes
-46%
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="28px" height="28px" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 16C22.3062 16 23.4175 16.8348 23.8293 18H14V17.5H7C6.2203 17.5 5.57955 18.0949 5.50687 18.8555L5.5 19V19.7146C5.5 22.389 8.88879 24.5 14 24.5V24H21.4712C19.6819 25.2427 17.0617 26 14 26C8.21053 26 4 23.4333 4 19.7146V19C4 17.3431 5.34315 16 7 16H21Z" fill="#212121"/> <path d="M24 19V19.7146C24 19.9815 23.9766 20.2436 23.9308 20.5H14V19H24Z" fill="#212121"/> <path d="M23.6286 21.5H14V23H22.6339C23.0614 22.5387 23.397 22.0359 23.6286 21.5Z" fill="#212121"/> <path d="M19.9536 7.25C19.9842 7.4957 20 7.746 20 8C20 8.254 19.9842 8.5043 19.9536 8.75H14V7.25H19.9536Z" fill="#212121"/> <path d="M19.7408 6.25C19.5777 5.71438 19.3417 5.21053 19.0444 4.75H14V6.25H19.7408Z" fill="#212121"/> <path d="M14 2C15.6531 2 17.1501 2.66854 18.2353 3.75H14V3.5C11.5147 3.5 9.5 5.51472 9.5 8C9.5 10.4853 11.5147 12.5 14 12.5V12.25H18.2353C17.1501 13.3315 15.6531 14 14 14C10.6863 14 8 11.3137 8 8C8 4.68629 10.6863 2 14 2Z" fill="#212121"/> <path d="M19.0444 11.25H14V9.75H19.7408C19.5777 10.2856 19.3417 10.7895 19.0444 11.25Z" 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.22 KB
677 bytes
-46%
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="28px" height="28px" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 16C22.3062 16 23.4175 16.8348 23.8293 18H14V17.5H7C6.2203 17.5 5.57955 18.0949 5.50687 18.8555L5.5 19V19.7146C5.5 22.389 8.88879 24.5 14 24.5V24H21.4712C19.6819 25.2427 17.0617 26 14 26C8.21053 26 4 23.4333 4 19.7146V19C4 17.3431 5.34315 16 7 16H21Z" fill="#212121"/> <path d="M24 19V19.7146C24 19.9815 23.9766 20.2436 23.9308 20.5H14V19H24Z" fill="#212121"/> <path d="M23.6286 21.5H14V23H22.6339C23.0614 22.5387 23.397 22.0359 23.6286 21.5Z" fill="#212121"/> <path d="M19.9536 7.25C19.9842 7.4957 20 7.746 20 8C20 8.254 19.9842 8.5043 19.9536 8.75H14V7.25H19.9536Z" fill="#212121"/> <path d="M19.7408 6.25C19.5777 5.71438 19.3417 5.21053 19.0444 4.75H14V6.25H19.7408Z" fill="#212121"/> <path d="M14 2C15.6531 2 17.1501 2.66854 18.2353 3.75H14V3.5C11.5147 3.5 9.5 5.51472 9.5 8C9.5 10.4853 11.5147 12.5 14 12.5V12.25H18.2353C17.1501 13.3315 15.6531 14 14 14C10.6863 14 8 11.3137 8 8C8 4.68629 10.6863 2 14 2Z" fill="#212121"/> <path d="M19.0444 11.25H14V9.75H19.7408C19.5777 10.2856 19.3417 10.7895 19.0444 11.25Z" fill="#212121"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG