SVG
Viewer
Dark mode
Light mode
Hide sidebar
Space Spacebar Spacing Text Alignment Type
Oval Interface 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
613 bytes
252 bytes
-59%
Prettify
Preferences
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Yoga Wpy: https://dribbble.com/yoga123447 --> <svg width="800px" height="800px" viewBox="0 0 24 24" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{opacity:0.2;fill:none;stroke:#000000;stroke-width:5.000000e-02;stroke-miterlimit:10;} </style> <g id="Layer_1"/> <g id="Layer_2"> <path d="M21,10c0-0.6-0.4-1-1-1s-1,0.4-1,1v2c0,0.6-0.4,1-1,1H6c-0.6,0-1-0.4-1-1v-2c0-0.6-0.4-1-1-1s-1,0.4-1,1v2c0,1.7,1.3,3,3,3 h12c1.7,0,3-1.3,3-3V10z"/> </g> </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
613 bytes
252 bytes
-59%
Prettify
Preferences
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Yoga Wpy: https://dribbble.com/yoga123447 --> <svg width="800px" height="800px" viewBox="0 0 24 24" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{opacity:0.2;fill:none;stroke:#000000;stroke-width:5.000000e-02;stroke-miterlimit:10;} </style> <g id="Layer_1"/> <g id="Layer_2"> <path d="M21,10c0-0.6-0.4-1-1-1s-1,0.4-1,1v2c0,0.6-0.4,1-1,1H6c-0.6,0-1-0.4-1-1v-2c0-0.6-0.4-1-1-1s-1,0.4-1,1v2c0,1.7,1.3,3,3,3 h12c1.7,0,3-1.3,3-3V10z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download