SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Architecture Buildings 3
City Building Bordered 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
4.92 KB
2.54 KB
-48%
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:#ccc;}.cls-2{fill:#e6e6e6;}.cls-3{fill:#98856e;}.cls-4{fill:#cbb292;}.cls-5{fill:#849eb4;}.cls-6{fill:#b0d3f0;}.cls-7{fill:#f2f2f2;}.cls-8{fill:#993839;}.cls-9{fill:#cc4b4c;}.cls-10{fill:#ad392d;}.cls-11{fill:#e64c3c;}.cls-12{fill:#5f443e;}.cls-13{fill:#7f5b53;}.cls-14{fill:none;stroke:#000000;stroke-linejoin:round;stroke-width:2px;}</style> </defs> <title/> <g data-name="Layer 9" id="Layer_9"> <rect class="cls-1" height="6" width="10" x="46" y="12"/> <rect class="cls-2" height="6" width="7" x="46" y="12"/> <rect class="cls-1" height="6" width="10" x="8" y="12"/> <rect class="cls-2" height="6" width="7" x="8" y="12"/> <rect class="cls-2" height="22" width="52" x="6" y="18"/> <rect class="cls-3" height="12" width="12" x="26" y="26"/> <rect class="cls-4" height="12" width="9" x="26" y="26"/> <rect class="cls-5" height="4" width="4" x="10" y="22"/> <rect class="cls-6" height="4" width="2" x="10" y="22"/> <rect class="cls-5" height="4" width="4" x="10" y="30"/> <rect class="cls-6" height="4" width="2" x="10" y="30"/> <rect class="cls-5" height="4" width="4" x="18" y="30"/> <rect class="cls-6" height="4" width="2" x="18" y="30"/> <rect class="cls-5" height="4" width="4" x="18" y="22"/> <rect class="cls-6" height="4" width="2" x="18" y="22"/> <rect class="cls-5" height="4" width="4" x="42" y="22"/> <rect class="cls-6" height="4" width="2" x="42" y="22"/> <rect class="cls-5" height="4" width="4" x="42" y="30"/> <rect class="cls-6" height="4" width="2" x="42" y="30"/> <rect class="cls-5" height="4" width="4" x="50" y="30"/> <rect class="cls-6" height="4" width="2" x="50" y="30"/> <rect class="cls-5" height="4" width="4" x="50" y="22"/> <rect class="cls-6" height="4" width="2" x="50" y="22"/> <rect class="cls-7" height="18" width="56" x="4" y="40"/> <rect class="cls-3" height="10" width="8" x="28" y="48"/> <rect class="cls-4" height="10" width="5" x="28" y="48"/> <rect class="cls-5" height="8" width="6" x="8" y="46"/> <rect class="cls-6" height="8" width="3" x="8" y="46"/> <rect class="cls-5" height="8" width="6" x="50" y="46"/> <rect class="cls-6" height="8" width="3" x="50" y="46"/> <rect class="cls-8" height="4" width="12" x="6" y="8"/> <rect class="cls-9" height="4" width="9" x="6" y="8"/> <rect class="cls-8" height="4" width="12" x="46" y="8"/> <rect class="cls-9" height="4" width="9" x="46" y="8"/> <rect class="cls-10" height="16" width="28" x="18" y="2"/> <rect class="cls-11" height="16" width="25" x="18" y="2"/> <rect class="cls-3" height="16" width="4" x="18" y="42"/> <rect class="cls-4" height="16" width="2" x="18" y="42"/> <rect class="cls-3" height="16" width="4" x="42" y="42"/> <rect class="cls-4" height="16" width="2" x="42" y="42"/> <rect class="cls-10" height="4" width="32" x="16" y="38"/> <rect class="cls-11" height="4" width="29" x="16" y="38"/> <rect class="cls-12" height="4" width="60" x="2" y="58"/> <rect class="cls-13" height="4" width="57" x="2" y="58"/> <rect class="cls-14" height="4" width="60" x="2" y="58"/> <rect class="cls-14" height="4" width="32" x="16" y="38"/> <line class="cls-14" x1="18" x2="18" y1="42" y2="58"/> <line class="cls-14" x1="22" x2="22" y1="42" y2="58"/> <line class="cls-14" x1="42" x2="42" y1="42" y2="58"/> <line class="cls-14" x1="46" x2="46" y1="42" y2="58"/> <polyline class="cls-14" points="48 40 60 40 60 58"/> <polyline class="cls-14" points="16 40 4 40 4 58"/> <polyline class="cls-14" points="28 58 28 48 36 48 36 58"/> <rect class="cls-14" height="8" width="6" x="8" y="46"/> <rect class="cls-14" height="8" width="6" x="50" y="46"/> <polyline class="cls-14" points="6 40 6 18 58 18 58 40"/> <rect class="cls-14" height="4" width="4" x="10" y="22"/> <rect class="cls-14" height="4" width="4" x="18" y="22"/> <rect class="cls-14" height="4" width="4" x="10" y="30"/> <rect class="cls-14" height="4" width="4" x="18" y="30"/> <rect class="cls-14" height="4" transform="translate(104 48) rotate(180)" width="4" x="50" y="22"/> <rect class="cls-14" height="4" transform="translate(88 48) rotate(180)" width="4" x="42" y="22"/> <rect class="cls-14" height="4" transform="translate(104 64) rotate(180)" width="4" x="50" y="30"/> <rect class="cls-14" height="4" transform="translate(88 64) rotate(180)" width="4" x="42" y="30"/> <polyline class="cls-14" points="26 38 26 26 38 26 38 38"/> <rect class="cls-14" height="16" width="28" x="18" y="2"/> <line class="cls-14" x1="32" x2="32" y1="5" y2="15"/> <line class="cls-14" x1="27" x2="37" y1="10" y2="10"/> <rect class="cls-14" height="4" width="12" x="46" y="8"/> <line class="cls-14" x1="56" x2="56" y1="12" y2="18"/> <rect class="cls-14" height="4" transform="translate(24 20) rotate(180)" width="12" x="6" y="8"/> <line class="cls-14" x1="8" x2="8" y1="12" y2="18"/> </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
4.92 KB
2.54 KB
-48%
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:#ccc;}.cls-2{fill:#e6e6e6;}.cls-3{fill:#98856e;}.cls-4{fill:#cbb292;}.cls-5{fill:#849eb4;}.cls-6{fill:#b0d3f0;}.cls-7{fill:#f2f2f2;}.cls-8{fill:#993839;}.cls-9{fill:#cc4b4c;}.cls-10{fill:#ad392d;}.cls-11{fill:#e64c3c;}.cls-12{fill:#5f443e;}.cls-13{fill:#7f5b53;}.cls-14{fill:none;stroke:#000000;stroke-linejoin:round;stroke-width:2px;}</style> </defs> <title/> <g data-name="Layer 9" id="Layer_9"> <rect class="cls-1" height="6" width="10" x="46" y="12"/> <rect class="cls-2" height="6" width="7" x="46" y="12"/> <rect class="cls-1" height="6" width="10" x="8" y="12"/> <rect class="cls-2" height="6" width="7" x="8" y="12"/> <rect class="cls-2" height="22" width="52" x="6" y="18"/> <rect class="cls-3" height="12" width="12" x="26" y="26"/> <rect class="cls-4" height="12" width="9" x="26" y="26"/> <rect class="cls-5" height="4" width="4" x="10" y="22"/> <rect class="cls-6" height="4" width="2" x="10" y="22"/> <rect class="cls-5" height="4" width="4" x="10" y="30"/> <rect class="cls-6" height="4" width="2" x="10" y="30"/> <rect class="cls-5" height="4" width="4" x="18" y="30"/> <rect class="cls-6" height="4" width="2" x="18" y="30"/> <rect class="cls-5" height="4" width="4" x="18" y="22"/> <rect class="cls-6" height="4" width="2" x="18" y="22"/> <rect class="cls-5" height="4" width="4" x="42" y="22"/> <rect class="cls-6" height="4" width="2" x="42" y="22"/> <rect class="cls-5" height="4" width="4" x="42" y="30"/> <rect class="cls-6" height="4" width="2" x="42" y="30"/> <rect class="cls-5" height="4" width="4" x="50" y="30"/> <rect class="cls-6" height="4" width="2" x="50" y="30"/> <rect class="cls-5" height="4" width="4" x="50" y="22"/> <rect class="cls-6" height="4" width="2" x="50" y="22"/> <rect class="cls-7" height="18" width="56" x="4" y="40"/> <rect class="cls-3" height="10" width="8" x="28" y="48"/> <rect class="cls-4" height="10" width="5" x="28" y="48"/> <rect class="cls-5" height="8" width="6" x="8" y="46"/> <rect class="cls-6" height="8" width="3" x="8" y="46"/> <rect class="cls-5" height="8" width="6" x="50" y="46"/> <rect class="cls-6" height="8" width="3" x="50" y="46"/> <rect class="cls-8" height="4" width="12" x="6" y="8"/> <rect class="cls-9" height="4" width="9" x="6" y="8"/> <rect class="cls-8" height="4" width="12" x="46" y="8"/> <rect class="cls-9" height="4" width="9" x="46" y="8"/> <rect class="cls-10" height="16" width="28" x="18" y="2"/> <rect class="cls-11" height="16" width="25" x="18" y="2"/> <rect class="cls-3" height="16" width="4" x="18" y="42"/> <rect class="cls-4" height="16" width="2" x="18" y="42"/> <rect class="cls-3" height="16" width="4" x="42" y="42"/> <rect class="cls-4" height="16" width="2" x="42" y="42"/> <rect class="cls-10" height="4" width="32" x="16" y="38"/> <rect class="cls-11" height="4" width="29" x="16" y="38"/> <rect class="cls-12" height="4" width="60" x="2" y="58"/> <rect class="cls-13" height="4" width="57" x="2" y="58"/> <rect class="cls-14" height="4" width="60" x="2" y="58"/> <rect class="cls-14" height="4" width="32" x="16" y="38"/> <line class="cls-14" x1="18" x2="18" y1="42" y2="58"/> <line class="cls-14" x1="22" x2="22" y1="42" y2="58"/> <line class="cls-14" x1="42" x2="42" y1="42" y2="58"/> <line class="cls-14" x1="46" x2="46" y1="42" y2="58"/> <polyline class="cls-14" points="48 40 60 40 60 58"/> <polyline class="cls-14" points="16 40 4 40 4 58"/> <polyline class="cls-14" points="28 58 28 48 36 48 36 58"/> <rect class="cls-14" height="8" width="6" x="8" y="46"/> <rect class="cls-14" height="8" width="6" x="50" y="46"/> <polyline class="cls-14" points="6 40 6 18 58 18 58 40"/> <rect class="cls-14" height="4" width="4" x="10" y="22"/> <rect class="cls-14" height="4" width="4" x="18" y="22"/> <rect class="cls-14" height="4" width="4" x="10" y="30"/> <rect class="cls-14" height="4" width="4" x="18" y="30"/> <rect class="cls-14" height="4" transform="translate(104 48) rotate(180)" width="4" x="50" y="22"/> <rect class="cls-14" height="4" transform="translate(88 48) rotate(180)" width="4" x="42" y="22"/> <rect class="cls-14" height="4" transform="translate(104 64) rotate(180)" width="4" x="50" y="30"/> <rect class="cls-14" height="4" transform="translate(88 64) rotate(180)" width="4" x="42" y="30"/> <polyline class="cls-14" points="26 38 26 26 38 26 38 38"/> <rect class="cls-14" height="16" width="28" x="18" y="2"/> <line class="cls-14" x1="32" x2="32" y1="5" y2="15"/> <line class="cls-14" x1="27" x2="37" y1="10" y2="10"/> <rect class="cls-14" height="4" width="12" x="46" y="8"/> <line class="cls-14" x1="56" x2="56" y1="12" y2="18"/> <rect class="cls-14" height="4" transform="translate(24 20) rotate(180)" width="12" x="6" y="8"/> <line class="cls-14" x1="8" x2="8" y1="12" y2="18"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download