SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Question
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
619 bytes
-45%
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="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 5.5C18.4796 5.5 14 9.97964 14 15.5C14 16.1904 14.5596 16.75 15.25 16.75C15.9404 16.75 16.5 16.1904 16.5 15.5C16.5 11.3604 19.8604 8 24 8C28.1396 8 31.5 11.3604 31.5 15.5C31.5 17.3754 31.0292 18.4403 30.3989 19.2446C29.889 19.8954 29.2935 20.3788 28.5509 20.9815C28.2472 21.2281 27.9187 21.4947 27.5615 21.8009C26.3916 22.8037 25.1534 24.0676 24.2301 26.0903C23.3147 28.0953 22.75 30.7533 22.75 34.5V34.75C22.75 35.4404 23.3096 36 24 36C24.6904 36 25.25 35.4404 25.25 34.75V34.5C25.25 30.9967 25.779 28.7172 26.5043 27.1285C27.2216 25.5574 28.1709 24.5713 29.1885 23.6991C29.4213 23.4995 29.6744 23.2943 29.9373 23.0811C30.7553 22.4179 31.669 21.6771 32.3667 20.7866C33.377 19.4972 34 17.8746 34 15.5C34 9.97964 29.5204 5.5 24 5.5Z" fill="#212121"/> <path d="M24 42C24.8284 42 25.5 41.3284 25.5 40.5C25.5 39.6716 24.8284 39 24 39C23.1716 39 22.5 39.6716 22.5 40.5C22.5 41.3284 23.1716 42 24 42Z" 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.1 KB
619 bytes
-45%
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="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 5.5C18.4796 5.5 14 9.97964 14 15.5C14 16.1904 14.5596 16.75 15.25 16.75C15.9404 16.75 16.5 16.1904 16.5 15.5C16.5 11.3604 19.8604 8 24 8C28.1396 8 31.5 11.3604 31.5 15.5C31.5 17.3754 31.0292 18.4403 30.3989 19.2446C29.889 19.8954 29.2935 20.3788 28.5509 20.9815C28.2472 21.2281 27.9187 21.4947 27.5615 21.8009C26.3916 22.8037 25.1534 24.0676 24.2301 26.0903C23.3147 28.0953 22.75 30.7533 22.75 34.5V34.75C22.75 35.4404 23.3096 36 24 36C24.6904 36 25.25 35.4404 25.25 34.75V34.5C25.25 30.9967 25.779 28.7172 26.5043 27.1285C27.2216 25.5574 28.1709 24.5713 29.1885 23.6991C29.4213 23.4995 29.6744 23.2943 29.9373 23.0811C30.7553 22.4179 31.669 21.6771 32.3667 20.7866C33.377 19.4972 34 17.8746 34 15.5C34 9.97964 29.5204 5.5 24 5.5Z" fill="#212121"/> <path d="M24 42C24.8284 42 25.5 41.3284 25.5 40.5C25.5 39.6716 24.8284 39 24 39C23.1716 39 22.5 39.6716 22.5 40.5C22.5 41.3284 23.1716 42 24 42Z" fill="#212121"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG