SVG
Viewer
Dark mode
Light mode
Hide sidebar
Architecture Contamination
City Building Flat 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
2.59 KB
1.7 KB
-34%
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:#999;}.cls-2{fill:#ccc;}.cls-3{fill:#5f443e;}.cls-4{fill:#7f5b53;}.cls-5{fill:#71c285;}.cls-6{fill:#f2f2f2;}.cls-7{fill:#cbb292;}.cls-8{fill:#396143;}</style> </defs> <title/> <g data-name="Layer 5" id="Layer_5"> <path class="cls-1" d="M57,2a5,5,0,0,0-5,5,4.94,4.94,0,0,0,.13,1.1A4,4,0,0,0,49,12a4,4,0,0,0,.73,2.29,3,3,0,1,0,4.06,1.63A4,4,0,0,0,57,12,5,5,0,0,0,57,2Z"/> <path class="cls-2" d="M52,7a4.94,4.94,0,0,0,.13,1.1A4,4,0,0,0,49,12a4,4,0,0,0,.73,2.29A3,3,0,0,0,48,17a2.89,2.89,0,0,0,.18,1,3,3,0,0,0,2.61-4.06A4,4,0,0,0,54,10a5,5,0,0,0,4.08-7.88A5.5,5.5,0,0,0,57,2,5,5,0,0,0,52,7Z"/> <rect class="cls-3" height="18" width="6" x="48" y="24"/> <rect class="cls-4" height="18" width="3" x="48" y="24"/> <polygon class="cls-5" points="60 58 32 58 32 32 60 42 60 58"/> <polyline class="cls-2" points="36 58 36 48 44 48 44 58"/> <rect class="cls-6" height="10" width="5" x="36" y="48"/> <polyline class="cls-2" points="48 58 48 48 56 48 56 58"/> <rect class="cls-6" height="10" width="5" x="48" y="48"/> <polyline class="cls-7" points="4 58 4 10 32 10 32 58"/> <rect class="cls-2" height="12" width="4" x="4" y="46"/> <rect class="cls-6" height="12" width="4" x="8" y="46"/> <rect class="cls-2" height="12" width="4" x="12" y="46"/> <rect class="cls-6" height="12" width="4" x="16" y="46"/> <rect class="cls-2" height="12" width="4" x="20" y="46"/> <rect class="cls-6" height="12" width="4" x="24" y="46"/> <rect class="cls-2" height="12" width="4" x="28" y="46"/> <rect class="cls-2" height="4" width="20" x="8" y="14"/> <rect class="cls-6" height="4" width="17" x="8" y="14"/> <rect class="cls-2" height="4" width="20" x="8" y="22"/> <rect class="cls-6" height="4" width="17" x="8" y="22"/> <rect class="cls-2" height="4" width="20" x="8" y="30"/> <rect class="cls-6" height="4" width="17" x="8" y="30"/> <rect class="cls-2" height="4" width="20" x="8" y="38"/> <rect class="cls-6" height="4" width="17" x="8" y="38"/> <polyline class="cls-5" points="6 10 6 2 30 2 30 10"/> <rect class="cls-3" height="4" width="60" x="2" y="58"/> <rect class="cls-4" height="4" width="57" x="2" y="58"/> <rect class="cls-8" height="2" width="2" x="9" y="5"/> <rect class="cls-8" height="2" width="2" x="13" y="5"/> <rect class="cls-8" height="2" width="2" x="17" y="5"/> <rect class="cls-8" height="2" width="2" x="21" y="5"/> <rect class="cls-8" height="2" width="2" x="25" y="5"/> </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
2.59 KB
1.7 KB
-34%
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:#999;}.cls-2{fill:#ccc;}.cls-3{fill:#5f443e;}.cls-4{fill:#7f5b53;}.cls-5{fill:#71c285;}.cls-6{fill:#f2f2f2;}.cls-7{fill:#cbb292;}.cls-8{fill:#396143;}</style> </defs> <title/> <g data-name="Layer 5" id="Layer_5"> <path class="cls-1" d="M57,2a5,5,0,0,0-5,5,4.94,4.94,0,0,0,.13,1.1A4,4,0,0,0,49,12a4,4,0,0,0,.73,2.29,3,3,0,1,0,4.06,1.63A4,4,0,0,0,57,12,5,5,0,0,0,57,2Z"/> <path class="cls-2" d="M52,7a4.94,4.94,0,0,0,.13,1.1A4,4,0,0,0,49,12a4,4,0,0,0,.73,2.29A3,3,0,0,0,48,17a2.89,2.89,0,0,0,.18,1,3,3,0,0,0,2.61-4.06A4,4,0,0,0,54,10a5,5,0,0,0,4.08-7.88A5.5,5.5,0,0,0,57,2,5,5,0,0,0,52,7Z"/> <rect class="cls-3" height="18" width="6" x="48" y="24"/> <rect class="cls-4" height="18" width="3" x="48" y="24"/> <polygon class="cls-5" points="60 58 32 58 32 32 60 42 60 58"/> <polyline class="cls-2" points="36 58 36 48 44 48 44 58"/> <rect class="cls-6" height="10" width="5" x="36" y="48"/> <polyline class="cls-2" points="48 58 48 48 56 48 56 58"/> <rect class="cls-6" height="10" width="5" x="48" y="48"/> <polyline class="cls-7" points="4 58 4 10 32 10 32 58"/> <rect class="cls-2" height="12" width="4" x="4" y="46"/> <rect class="cls-6" height="12" width="4" x="8" y="46"/> <rect class="cls-2" height="12" width="4" x="12" y="46"/> <rect class="cls-6" height="12" width="4" x="16" y="46"/> <rect class="cls-2" height="12" width="4" x="20" y="46"/> <rect class="cls-6" height="12" width="4" x="24" y="46"/> <rect class="cls-2" height="12" width="4" x="28" y="46"/> <rect class="cls-2" height="4" width="20" x="8" y="14"/> <rect class="cls-6" height="4" width="17" x="8" y="14"/> <rect class="cls-2" height="4" width="20" x="8" y="22"/> <rect class="cls-6" height="4" width="17" x="8" y="22"/> <rect class="cls-2" height="4" width="20" x="8" y="30"/> <rect class="cls-6" height="4" width="17" x="8" y="30"/> <rect class="cls-2" height="4" width="20" x="8" y="38"/> <rect class="cls-6" height="4" width="17" x="8" y="38"/> <polyline class="cls-5" points="6 10 6 2 30 2 30 10"/> <rect class="cls-3" height="4" width="60" x="2" y="58"/> <rect class="cls-4" height="4" width="57" x="2" y="58"/> <rect class="cls-8" height="2" width="2" x="9" y="5"/> <rect class="cls-8" height="2" width="2" x="13" y="5"/> <rect class="cls-8" height="2" width="2" x="17" y="5"/> <rect class="cls-8" height="2" width="2" x="21" y="5"/> <rect class="cls-8" height="2" width="2" x="25" y="5"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download