SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Architecture Buildings 4
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.62 KB
649 bytes
-61%
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" ?> <!-- 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 30" id="Layer_30"> <rect class="cls-1" height="4" width="60" x="2" y="58"/> <rect class="cls-1" height="46" width="20" x="22" y="12"/> <polyline class="cls-1" points="22 12 32 2 42 12"/> <polyline class="cls-1" points="22 28 6 28 6 58"/> <rect class="cls-1" height="18" width="8" x="10" y="32"/> <line class="cls-1" x1="6" x2="22" y1="54" y2="54"/> <line class="cls-1" x1="10" x2="18" y1="38" y2="38"/> <line class="cls-1" x1="10" x2="18" y1="44" y2="44"/> <line class="cls-1" x1="14" x2="14" y1="32" y2="50"/> <polyline class="cls-1" points="42 28 58 28 58 58"/> <rect class="cls-1" height="18" transform="translate(100 82) rotate(180)" width="8" x="46" y="32"/> <line class="cls-1" x1="58" x2="42" y1="54" y2="54"/> <line class="cls-1" x1="54" x2="46" y1="38" y2="38"/> <line class="cls-1" x1="54" x2="46" y1="44" y2="44"/> <line class="cls-1" x1="50" x2="50" y1="32" y2="50"/> <circle class="cls-1" cx="32" cy="22" r="6"/> <path class="cls-1" d="M26,58V52a6,6,0,0,1,6-6h0a6,6,0,0,1,6,6v6"/> <rect class="cls-1" height="4" width="10" x="27" y="38"/> <line class="cls-1" x1="34" x2="34" y1="52" y2="54"/> <polyline class="cls-1" points="32 19 32 22 34 24"/> <polyline class="cls-1" points="50 28 50 16 58 16 58 22 50 22"/> <polyline class="cls-1" points="14 28 14 16 6 16 6 22 14 22"/> </g> </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
1.62 KB
649 bytes
-61%
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" ?> <!-- 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 30" id="Layer_30"> <rect class="cls-1" height="4" width="60" x="2" y="58"/> <rect class="cls-1" height="46" width="20" x="22" y="12"/> <polyline class="cls-1" points="22 12 32 2 42 12"/> <polyline class="cls-1" points="22 28 6 28 6 58"/> <rect class="cls-1" height="18" width="8" x="10" y="32"/> <line class="cls-1" x1="6" x2="22" y1="54" y2="54"/> <line class="cls-1" x1="10" x2="18" y1="38" y2="38"/> <line class="cls-1" x1="10" x2="18" y1="44" y2="44"/> <line class="cls-1" x1="14" x2="14" y1="32" y2="50"/> <polyline class="cls-1" points="42 28 58 28 58 58"/> <rect class="cls-1" height="18" transform="translate(100 82) rotate(180)" width="8" x="46" y="32"/> <line class="cls-1" x1="58" x2="42" y1="54" y2="54"/> <line class="cls-1" x1="54" x2="46" y1="38" y2="38"/> <line class="cls-1" x1="54" x2="46" y1="44" y2="44"/> <line class="cls-1" x1="50" x2="50" y1="32" y2="50"/> <circle class="cls-1" cx="32" cy="22" r="6"/> <path class="cls-1" d="M26,58V52a6,6,0,0,1,6-6h0a6,6,0,0,1,6,6v6"/> <rect class="cls-1" height="4" width="10" x="27" y="38"/> <line class="cls-1" x1="34" x2="34" y1="52" y2="54"/> <polyline class="cls-1" points="32 19 32 22 34 24"/> <polyline class="cls-1" points="50 28 50 16 58 16 58 22 50 22"/> <polyline class="cls-1" points="14 28 14 16 6 16 6 22 14 22"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG