SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Graph Pie
Fabric Interface Line Icons
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
913 bytes
350 bytes
-62%
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
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by Fabric Design System: https://github.com/fabric-ds/icons --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.5 10.5H13.5V1.5C15.8869 1.5 18.1761 2.44821 19.864 4.13604C21.5518 5.82387 22.5 8.11305 22.5 10.5Z" stroke="#71717A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.5 4.5C8.71997 4.5 6.97991 5.02784 5.49987 6.01677C4.01983 7.00571 2.86628 8.41131 2.18509 10.0558C1.5039 11.7004 1.32567 13.51 1.67294 15.2558C2.0202 17.0016 2.87737 18.6053 4.13604 19.864C5.39472 21.1226 6.99836 21.9798 8.74419 22.3271C10.49 22.6743 12.2996 22.4961 13.9442 21.8149C15.5887 21.1337 16.9943 19.9802 17.9832 18.5001C18.9722 17.0201 19.5 15.28 19.5 13.5H10.5V4.5Z" stroke="#71717A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </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
913 bytes
350 bytes
-62%
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
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by Fabric Design System: https://github.com/fabric-ds/icons --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.5 10.5H13.5V1.5C15.8869 1.5 18.1761 2.44821 19.864 4.13604C21.5518 5.82387 22.5 8.11305 22.5 10.5Z" stroke="#71717A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.5 4.5C8.71997 4.5 6.97991 5.02784 5.49987 6.01677C4.01983 7.00571 2.86628 8.41131 2.18509 10.0558C1.5039 11.7004 1.32567 13.51 1.67294 15.2558C2.0202 17.0016 2.87737 18.6053 4.13604 19.864C5.39472 21.1226 6.99836 21.9798 8.74419 22.3271C10.49 22.6743 12.2996 22.4961 13.9442 21.8149C15.5887 21.1337 16.9943 19.9802 17.9832 18.5001C18.9722 17.0201 19.5 15.28 19.5 13.5H10.5V4.5Z" stroke="#71717A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG