SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Onesies
Iconpark Duotone 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.43 KB
619 bytes
-58%
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: Apache. Made by bytedance: https://github.com/bytedance/IconPark --> <svg width="800px" height="800px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 21L4 11C5.83333 9.66667 13 5 24 5C35 5 42 9.66667 44 11L41 21H34V37C34 41 31 44 27 44H21C17 44 14 41 14 37V21H7Z" fill="#2F88FF" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34 34C34 34 25 34 25 44" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 34C14 34 23 34 23 44" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.811 5.5C29.9344 5.97943 30 6.48205 30 7C30 10.3137 27.3137 13 24 13C20.6863 13 18 10.3137 18 7C18 6.48205 18.0656 5.97943 18.189 5.5" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M36 6.98996C32.8114 5.88268 28.784 5 24 5C19.216 5 15.157 5.88268 11.9465 6.98996" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 31C14 31 14 35.875 14 37" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34 31C34 31 34 35.875 34 37" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21 44C25 44 24 44 27 44" stroke="#000000" 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
1.43 KB
619 bytes
-58%
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: Apache. Made by bytedance: https://github.com/bytedance/IconPark --> <svg width="800px" height="800px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 21L4 11C5.83333 9.66667 13 5 24 5C35 5 42 9.66667 44 11L41 21H34V37C34 41 31 44 27 44H21C17 44 14 41 14 37V21H7Z" fill="#2F88FF" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34 34C34 34 25 34 25 44" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 34C14 34 23 34 23 44" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.811 5.5C29.9344 5.97943 30 6.48205 30 7C30 10.3137 27.3137 13 24 13C20.6863 13 18 10.3137 18 7C18 6.48205 18.0656 5.97943 18.189 5.5" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M36 6.98996C32.8114 5.88268 28.784 5 24 5C19.216 5 15.157 5.88268 11.9465 6.98996" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 31C14 31 14 35.875 14 37" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34 31C34 31 34 35.875 34 37" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21 44C25 44 24 44 27 44" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download