SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Flashlight
Base Vector 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
1017 bytes
610 bytes
-40%
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 IconPark: https://github.com/bytedance/IconPark --> <svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="48" height="48" fill="white" fill-opacity="0.01"/> <path d="M17 22.1961C17 22.0726 16.9419 21.9564 16.8431 21.8824C11.9058 18.1793 9 12.3678 9 6.19608L9 4H39V6.19608C39 12.3678 36.0942 18.1793 31.1569 21.8824C31.0581 21.9564 31 22.0726 31 22.1961V44H17V22.1961Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M38 11H10" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24 28.0084V32.0084" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 22V22C11.9639 18.2229 9 12.2951 9 6L9 4" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M39 4V6C39 12.2951 36.0361 18.2229 31 22V22" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1017 bytes
610 bytes
-40%
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 IconPark: https://github.com/bytedance/IconPark --> <svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="48" height="48" fill="white" fill-opacity="0.01"/> <path d="M17 22.1961C17 22.0726 16.9419 21.9564 16.8431 21.8824C11.9058 18.1793 9 12.3678 9 6.19608L9 4H39V6.19608C39 12.3678 36.0942 18.1793 31.1569 21.8824C31.0581 21.9564 31 22.0726 31 22.1961V44H17V22.1961Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M38 11H10" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24 28.0084V32.0084" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 22V22C11.9639 18.2229 9 12.2951 9 6L9 4" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M39 4V6C39 12.2951 36.0361 18.2229 31 22V22" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download