SVG
Viewer
Dark mode
Light mode
Hide sidebar
Architecture Atm
Architecture Building Line Vectors
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.44 KB
784 bytes
-47%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Manthana Chaiwong: https://dribbble.com/ppangg --> <svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:none;stroke:#000000;stroke-linejoin:round;stroke-width:2px;}</style> </defs> <title/> <g data-name="Layer 14" id="Layer_14"> <path class="cls-1" d="M19,62H2V4A2,2,0,0,1,4,2H30a2,2,0,0,1,2,2V40"/> <rect class="cls-1" height="12" width="12" x="6" y="6"/> <line class="cls-1" x1="25" x2="29" y1="6" y2="6"/> <line class="cls-1" x1="25" x2="29" y1="10" y2="10"/> <line class="cls-1" x1="25" x2="29" y1="14" y2="14"/> <rect class="cls-1" height="4" width="12" x="6" y="22"/> <polyline class="cls-1" points="8 26 8 32 16 32 16 26"/> <polyline class="cls-1" points="22 2 22 18 32 18"/> <rect class="cls-1" height="4" width="6" x="22" y="22"/> <polyline class="cls-1" points="22 58 6 58 6 36 28 36 28 40"/> <line class="cls-1" x1="10" x2="10" y1="43" y2="47"/> <rect class="cls-1" height="16" width="34" x="22" y="46"/> <polyline class="cls-1" points="28 46 28 40 62 40 62 56 56 56"/> <polygon class="cls-1" points="28 58 50 58 50 56 52 56 52 52 50 52 50 50 28 50 28 52 26 52 26 56 28 56 28 58"/> <circle class="cls-1" cx="39" cy="54" r="4"/> <path class="cls-1" d="M35,10H49a3,3,0,0,1,3,3h0a3,3,0,0,1-3,3H45a3,3,0,0,0-3,3h0a3,3,0,0,0,3,3h3a4,4,0,0,1,4,4v8"/> <polyline class="cls-1" points="48 30 52 34 56 30"/> </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
1.44 KB
784 bytes
-47%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Manthana Chaiwong: https://dribbble.com/ppangg --> <svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:none;stroke:#000000;stroke-linejoin:round;stroke-width:2px;}</style> </defs> <title/> <g data-name="Layer 14" id="Layer_14"> <path class="cls-1" d="M19,62H2V4A2,2,0,0,1,4,2H30a2,2,0,0,1,2,2V40"/> <rect class="cls-1" height="12" width="12" x="6" y="6"/> <line class="cls-1" x1="25" x2="29" y1="6" y2="6"/> <line class="cls-1" x1="25" x2="29" y1="10" y2="10"/> <line class="cls-1" x1="25" x2="29" y1="14" y2="14"/> <rect class="cls-1" height="4" width="12" x="6" y="22"/> <polyline class="cls-1" points="8 26 8 32 16 32 16 26"/> <polyline class="cls-1" points="22 2 22 18 32 18"/> <rect class="cls-1" height="4" width="6" x="22" y="22"/> <polyline class="cls-1" points="22 58 6 58 6 36 28 36 28 40"/> <line class="cls-1" x1="10" x2="10" y1="43" y2="47"/> <rect class="cls-1" height="16" width="34" x="22" y="46"/> <polyline class="cls-1" points="28 46 28 40 62 40 62 56 56 56"/> <polygon class="cls-1" points="28 58 50 58 50 56 52 56 52 52 50 52 50 50 28 50 28 52 26 52 26 56 28 56 28 58"/> <circle class="cls-1" cx="39" cy="54" r="4"/> <path class="cls-1" d="M35,10H49a3,3,0,0,1,3,3h0a3,3,0,0,1-3,3H45a3,3,0,0,0-3,3h0a3,3,0,0,0,3,3h3a4,4,0,0,1,4,4v8"/> <polyline class="cls-1" points="48 30 52 34 56 30"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download