SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Transporter
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
842 bytes
411 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
<!-- 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"> <path d="M42 8H20C18.8954 8 18 8.89543 18 10L18 32C18 33.1046 18.8954 34 20 34H42C43.1046 34 44 33.1046 44 32V10C44 8.89543 43.1046 8 42 8Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M4.00001 34H18V20H11L4.00001 26.4615L4.00001 34Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M18 36C18 38.2091 16.2091 40 14 40C11.7909 40 10 38.2091 10 36" stroke="black" stroke-width="4" stroke-linecap="square" stroke-linejoin="round"/> <path d="M40 36C40 38.2091 38.2091 40 36 40C33.7909 40 32 38.2091 32 36" stroke="black" stroke-width="4" stroke-linecap="square" 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
842 bytes
411 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
<!-- 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"> <path d="M42 8H20C18.8954 8 18 8.89543 18 10L18 32C18 33.1046 18.8954 34 20 34H42C43.1046 34 44 33.1046 44 32V10C44 8.89543 43.1046 8 42 8Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M4.00001 34H18V20H11L4.00001 26.4615L4.00001 34Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M18 36C18 38.2091 16.2091 40 14 40C11.7909 40 10 38.2091 10 36" stroke="black" stroke-width="4" stroke-linecap="square" stroke-linejoin="round"/> <path d="M40 36C40 38.2091 38.2091 40 36 40C33.7909 40 32 38.2091 32 36" stroke="black" stroke-width="4" stroke-linecap="square" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG