SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Slide Design
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.12 KB
505 bytes
-56%
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="M12 20.5C12 21.3284 11.3284 22 10.5 22C9.67157 22 9 21.3284 9 20.5C9 19.6716 9.67157 19 10.5 19C11.3284 19 12 19.6716 12 20.5Z" fill="#212121"/> <path d="M17 20.5C17 21.3284 16.3284 22 15.5 22C14.6716 22 14 21.3284 14 20.5C14 19.6716 14.6716 19 15.5 19C16.3284 19 17 19.6716 17 20.5Z" fill="#212121"/> <path d="M22 20.5C22 21.3284 21.3284 22 20.5 22C19.6716 22 19 21.3284 19 20.5C19 19.6716 19.6716 19 20.5 19C21.3284 19 22 19.6716 22 20.5Z" fill="#212121"/> <path d="M15.1069 18.0307L13.875 15.025H5.75L3.9 19.6C3.76667 19.9333 3.54167 20.1 3.225 20.1C2.99167 20.1 2.81667 20.0417 2.7 19.925C2.58333 19.8083 2.51667 19.65 2.5 19.45V19.375C2.5 19.275 2.50833 19.2 2.525 19.15L9.125 3C9.25833 2.66667 9.50833 2.5 9.875 2.5C10.0417 2.5 10.1833 2.55 10.3 2.65C10.4333 2.73333 10.5333 2.85 10.6 3L16.9146 18.4385C16.5124 18.1619 16.0251 18 15.5 18C15.3662 18 15.2349 18.0105 15.1069 18.0307ZM9.775 5L6.325 13.55H13.275L9.775 5Z" 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.12 KB
505 bytes
-56%
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="M12 20.5C12 21.3284 11.3284 22 10.5 22C9.67157 22 9 21.3284 9 20.5C9 19.6716 9.67157 19 10.5 19C11.3284 19 12 19.6716 12 20.5Z" fill="#212121"/> <path d="M17 20.5C17 21.3284 16.3284 22 15.5 22C14.6716 22 14 21.3284 14 20.5C14 19.6716 14.6716 19 15.5 19C16.3284 19 17 19.6716 17 20.5Z" fill="#212121"/> <path d="M22 20.5C22 21.3284 21.3284 22 20.5 22C19.6716 22 19 21.3284 19 20.5C19 19.6716 19.6716 19 20.5 19C21.3284 19 22 19.6716 22 20.5Z" fill="#212121"/> <path d="M15.1069 18.0307L13.875 15.025H5.75L3.9 19.6C3.76667 19.9333 3.54167 20.1 3.225 20.1C2.99167 20.1 2.81667 20.0417 2.7 19.925C2.58333 19.8083 2.51667 19.65 2.5 19.45V19.375C2.5 19.275 2.50833 19.2 2.525 19.15L9.125 3C9.25833 2.66667 9.50833 2.5 9.875 2.5C10.0417 2.5 10.1833 2.55 10.3 2.65C10.4333 2.73333 10.5333 2.85 10.6 3L16.9146 18.4385C16.5124 18.1619 16.0251 18 15.5 18C15.3662 18 15.2349 18.0105 15.1069 18.0307ZM9.775 5L6.325 13.55H13.275L9.775 5Z" fill="#212121"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG