SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Sun
Lets Duotone Glyph 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
1.29 KB
642 bytes
-51%
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: CC Attribution. Made by Leonid Tsvetkov: https://www.figma.com/@Leonid --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 20C17 18.6739 16.4732 17.4021 15.5355 16.4645C14.5979 15.5268 13.3261 15 12 15C10.6739 15 9.40215 15.5268 8.46447 16.4645C7.52678 17.4021 7 18.6739 7 20L12 20H17Z" fill="#2A4157" fill-opacity="0.24"/> <path d="M7.6 20C7.6 18.833 8.06357 17.7139 8.88873 16.8887C9.71389 16.0636 10.833 15.6 12 15.6C13.167 15.6 14.2861 16.0636 15.1113 16.8887C15.9364 17.7139 16.4 18.833 16.4 20" stroke="#222222" stroke-width="1.2"/> <path d="M17.5 14.5L19.5 12.5" stroke="#222222" stroke-width="1.2" stroke-linecap="round"/> <path d="M5 20H19" stroke="#222222" stroke-width="1.2" stroke-linecap="square"/> <path d="M4.5 12.4999L6.5 14.4999" stroke="#222222" stroke-width="1.2" stroke-linecap="round"/> <path d="M12 4L12.4243 3.57574L12 3.15147L11.5757 3.57574L12 4ZM11.4 12.5C11.4 12.8314 11.6686 13.1 12 13.1C12.3314 13.1 12.6 12.8314 12.6 12.5L11.4 12.5ZM15.4243 6.57574L12.4243 3.57574L11.5757 4.42426L14.5757 7.42426L15.4243 6.57574ZM11.5757 3.57574L8.57574 6.57574L9.42426 7.42426L12.4243 4.42426L11.5757 3.57574ZM11.4 4L11.4 12.5L12.6 12.5L12.6 4L11.4 4Z" fill="#222222"/> </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.29 KB
642 bytes
-51%
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: CC Attribution. Made by Leonid Tsvetkov: https://www.figma.com/@Leonid --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 20C17 18.6739 16.4732 17.4021 15.5355 16.4645C14.5979 15.5268 13.3261 15 12 15C10.6739 15 9.40215 15.5268 8.46447 16.4645C7.52678 17.4021 7 18.6739 7 20L12 20H17Z" fill="#2A4157" fill-opacity="0.24"/> <path d="M7.6 20C7.6 18.833 8.06357 17.7139 8.88873 16.8887C9.71389 16.0636 10.833 15.6 12 15.6C13.167 15.6 14.2861 16.0636 15.1113 16.8887C15.9364 17.7139 16.4 18.833 16.4 20" stroke="#222222" stroke-width="1.2"/> <path d="M17.5 14.5L19.5 12.5" stroke="#222222" stroke-width="1.2" stroke-linecap="round"/> <path d="M5 20H19" stroke="#222222" stroke-width="1.2" stroke-linecap="square"/> <path d="M4.5 12.4999L6.5 14.4999" stroke="#222222" stroke-width="1.2" stroke-linecap="round"/> <path d="M12 4L12.4243 3.57574L12 3.15147L11.5757 3.57574L12 4ZM11.4 12.5C11.4 12.8314 11.6686 13.1 12 13.1C12.3314 13.1 12.6 12.8314 12.6 12.5L11.4 12.5ZM15.4243 6.57574L12.4243 3.57574L11.5757 4.42426L14.5757 7.42426L15.4243 6.57574ZM11.5757 3.57574L8.57574 6.57574L9.42426 7.42426L12.4243 4.42426L11.5757 3.57574ZM11.4 4L11.4 12.5L12.6 12.5L12.6 4L11.4 4Z" fill="#222222"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG