SVG
Viewer
Architectonic Architecture
City Building Bordered Vectors
View collection
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
6.08 KB
3.96 KB
-35%
Prettify
Preferences
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:#47332f;}.cls-2{fill:#7f5b53;}.cls-3{fill:#ccc;}.cls-4{fill:#f2f2f2;}.cls-5{fill:#b0d3f0;}.cls-6{fill:#5f443e;}.cls-7{fill:#98856e;}.cls-8{fill:#cbb292;}.cls-9{fill:#b49313;}.cls-10{fill:#f0c419;}.cls-11{fill:none;stroke:#000000;stroke-linejoin:round;stroke-width:2px;}</style> </defs> <title/> <g data-name="Layer 18" id="Layer_18"> <rect class="cls-1" height="20" width="60" x="2" y="36"/> <rect class="cls-2" height="20" width="57" x="2" y="36"/> <path class="cls-3" d="M38,57V50a6,6,0,0,0-6-6h0a6,6,0,0,0-6,6v7Z"/> <path class="cls-4" d="M30.5,44.2A6,6,0,0,0,26,50v7h9V50A6,6,0,0,0,30.5,44.2Z"/> <path class="cls-3" d="M20,57V50a6,6,0,0,0-6-6h0a6,6,0,0,0-6,6v7Z"/> <path class="cls-4" d="M12.5,44.2A6,6,0,0,0,8,50v7h9V50A6,6,0,0,0,12.5,44.2Z"/> <path class="cls-3" d="M56,57V50a6,6,0,0,0-6-6h0a6,6,0,0,0-6,6v7Z"/> <path class="cls-4" d="M48.5,44.2A6,6,0,0,0,44,50v7h9V50A6,6,0,0,0,48.5,44.2Z"/> <path class="cls-5" d="M62,62V56l-2.59-2.59A4.83,4.83,0,0,0,56,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,48,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,40,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,32,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,24,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,16,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,8,52H8a4.83,4.83,0,0,0-3.41,1.41L2,56v6Z"/> <rect class="cls-6" height="10" width="4" x="5" y="26"/> <rect class="cls-2" height="10" width="2" x="5" y="26"/> <rect class="cls-6" height="10" width="4" x="15" y="26"/> <rect class="cls-2" height="10" width="2" x="15" y="26"/> <rect class="cls-6" height="10" width="4" x="25" y="26"/> <rect class="cls-2" height="10" width="2" x="25" y="26"/> <rect class="cls-6" height="10" width="4" x="35" y="26"/> <rect class="cls-2" height="10" width="2" x="35" y="26"/> <rect class="cls-6" height="10" width="4" x="45" y="26"/> <rect class="cls-2" height="10" width="2" x="45" y="26"/> <rect class="cls-6" height="10" width="4" x="55" y="26"/> <rect class="cls-2" height="10" width="2" x="55" y="26"/> <rect class="cls-7" height="4" width="60" x="2" y="22"/> <rect class="cls-8" height="4" width="57" x="2" y="22"/> <rect class="cls-7" height="4" width="60" x="2" y="36"/> <rect class="cls-8" height="4" width="57" x="2" y="36"/> <polyline class="cls-6" points="7 22 7 18 11 18 11 22"/> <rect class="cls-2" height="4" width="2" x="7" y="18"/> <polyline class="cls-6" points="30 22 30 18 34 18 34 22"/> <rect class="cls-2" height="4" width="2" x="30" y="18"/> <polyline class="cls-6" points="53 22 53 18 57 18 57 22"/> <rect class="cls-2" height="4" width="2" x="53" y="18"/> <polyline class="cls-6" points="5 7 9 2 13 7"/> <polygon class="cls-2" points="5 7 10 7 7.5 3.88 5 7"/> <polyline class="cls-6" points="28 7 32 2 36 7"/> <polygon class="cls-2" points="28 7 33 7 30.5 3.88 28 7"/> <polyline class="cls-6" points="51 7 55 2 59 7"/> <polygon class="cls-2" points="51 7 56 7 53.5 3.88 51 7"/> <polygon class="cls-9" points="13 7 11 12 7 12 5 7 13 7"/> <polygon class="cls-10" points="5 7 7 12 8 12 10 7 5 7"/> <polygon class="cls-9" points="36 7 34 12 30 12 28 7 36 7"/> <polygon class="cls-10" points="28 7 30 12 31 12 33 7 28 7"/> <polygon class="cls-9" points="59 7 57 12 53 12 51 7 59 7"/> <polygon class="cls-10" points="51 7 53 12 54 12 56 7 51 7"/> <path class="cls-11" d="M8,52V50a6,6,0,0,1,6-6h0a6,6,0,0,1,6,6v4"/> <path class="cls-11" d="M44,54V50a6,6,0,0,1,6-6h0a6,6,0,0,1,6,6v2"/> <path class="cls-11" d="M26,53V50a6,6,0,0,1,6-6h0a6,6,0,0,1,6,6v3"/> <line class="cls-11" x1="2" x2="62" y1="40" y2="40"/> <rect class="cls-11" height="4" width="60" x="2" y="22"/> <line class="cls-11" x1="5" x2="5" y1="26" y2="36"/> <line class="cls-11" x1="9" x2="9" y1="26" y2="36"/> <line class="cls-11" x1="15" x2="15" y1="26" y2="36"/> <line class="cls-11" x1="19" x2="19" y1="26" y2="36"/> <line class="cls-11" x1="25" x2="25" y1="26" y2="36"/> <line class="cls-11" x1="29" x2="29" y1="26" y2="36"/> <line class="cls-11" x1="35" x2="35" y1="26" y2="36"/> <line class="cls-11" x1="39" x2="39" y1="26" y2="36"/> <line class="cls-11" x1="45" x2="45" y1="26" y2="36"/> <line class="cls-11" x1="49" x2="49" y1="26" y2="36"/> <line class="cls-11" x1="55" x2="55" y1="26" y2="36"/> <line class="cls-11" x1="59" x2="59" y1="26" y2="36"/> <path class="cls-11" d="M2,62V36H62V62l-2.59-2.59A4.83,4.83,0,0,0,56,58h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,48,62h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,40,58h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,32,62h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,24,58h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,16,62h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,8,58H8a4.83,4.83,0,0,0-3.41,1.41Z"/> <path class="cls-11" d="M62,56l-2.59-2.59A4.83,4.83,0,0,0,56,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,48,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,40,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,32,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,24,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,16,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,8,52H8a4.83,4.83,0,0,0-3.41,1.41L2,56"/> <polygon class="cls-11" points="13 7 11 12 7 12 5 7 13 7"/> <polyline class="cls-11" points="5 7 9 2 13 7"/> <line class="cls-11" x1="9" x2="9" y1="12" y2="18"/> <polygon class="cls-11" points="36 7 34 12 30 12 28 7 36 7"/> <polyline class="cls-11" points="28 7 32 2 36 7"/> <line class="cls-11" x1="32" x2="32" y1="12" y2="18"/> <polygon class="cls-11" points="59 7 57 12 53 12 51 7 59 7"/> <polyline class="cls-11" points="51 7 55 2 59 7"/> <line class="cls-11" x1="55" x2="55" y1="12" y2="18"/> <polyline class="cls-11" points="7 22 7 18 11 18 11 22"/> <polyline class="cls-11" points="30 22 30 18 34 18 34 22"/> <polyline class="cls-11" points="53 22 53 18 57 18 57 22"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
-1px x -1px
Change dimensions
Optimize
6.08 KB
3.96 KB
-35%
Prettify
Preferences
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:#47332f;}.cls-2{fill:#7f5b53;}.cls-3{fill:#ccc;}.cls-4{fill:#f2f2f2;}.cls-5{fill:#b0d3f0;}.cls-6{fill:#5f443e;}.cls-7{fill:#98856e;}.cls-8{fill:#cbb292;}.cls-9{fill:#b49313;}.cls-10{fill:#f0c419;}.cls-11{fill:none;stroke:#000000;stroke-linejoin:round;stroke-width:2px;}</style> </defs> <title/> <g data-name="Layer 18" id="Layer_18"> <rect class="cls-1" height="20" width="60" x="2" y="36"/> <rect class="cls-2" height="20" width="57" x="2" y="36"/> <path class="cls-3" d="M38,57V50a6,6,0,0,0-6-6h0a6,6,0,0,0-6,6v7Z"/> <path class="cls-4" d="M30.5,44.2A6,6,0,0,0,26,50v7h9V50A6,6,0,0,0,30.5,44.2Z"/> <path class="cls-3" d="M20,57V50a6,6,0,0,0-6-6h0a6,6,0,0,0-6,6v7Z"/> <path class="cls-4" d="M12.5,44.2A6,6,0,0,0,8,50v7h9V50A6,6,0,0,0,12.5,44.2Z"/> <path class="cls-3" d="M56,57V50a6,6,0,0,0-6-6h0a6,6,0,0,0-6,6v7Z"/> <path class="cls-4" d="M48.5,44.2A6,6,0,0,0,44,50v7h9V50A6,6,0,0,0,48.5,44.2Z"/> <path class="cls-5" d="M62,62V56l-2.59-2.59A4.83,4.83,0,0,0,56,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,48,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,40,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,32,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,24,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,16,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,8,52H8a4.83,4.83,0,0,0-3.41,1.41L2,56v6Z"/> <rect class="cls-6" height="10" width="4" x="5" y="26"/> <rect class="cls-2" height="10" width="2" x="5" y="26"/> <rect class="cls-6" height="10" width="4" x="15" y="26"/> <rect class="cls-2" height="10" width="2" x="15" y="26"/> <rect class="cls-6" height="10" width="4" x="25" y="26"/> <rect class="cls-2" height="10" width="2" x="25" y="26"/> <rect class="cls-6" height="10" width="4" x="35" y="26"/> <rect class="cls-2" height="10" width="2" x="35" y="26"/> <rect class="cls-6" height="10" width="4" x="45" y="26"/> <rect class="cls-2" height="10" width="2" x="45" y="26"/> <rect class="cls-6" height="10" width="4" x="55" y="26"/> <rect class="cls-2" height="10" width="2" x="55" y="26"/> <rect class="cls-7" height="4" width="60" x="2" y="22"/> <rect class="cls-8" height="4" width="57" x="2" y="22"/> <rect class="cls-7" height="4" width="60" x="2" y="36"/> <rect class="cls-8" height="4" width="57" x="2" y="36"/> <polyline class="cls-6" points="7 22 7 18 11 18 11 22"/> <rect class="cls-2" height="4" width="2" x="7" y="18"/> <polyline class="cls-6" points="30 22 30 18 34 18 34 22"/> <rect class="cls-2" height="4" width="2" x="30" y="18"/> <polyline class="cls-6" points="53 22 53 18 57 18 57 22"/> <rect class="cls-2" height="4" width="2" x="53" y="18"/> <polyline class="cls-6" points="5 7 9 2 13 7"/> <polygon class="cls-2" points="5 7 10 7 7.5 3.88 5 7"/> <polyline class="cls-6" points="28 7 32 2 36 7"/> <polygon class="cls-2" points="28 7 33 7 30.5 3.88 28 7"/> <polyline class="cls-6" points="51 7 55 2 59 7"/> <polygon class="cls-2" points="51 7 56 7 53.5 3.88 51 7"/> <polygon class="cls-9" points="13 7 11 12 7 12 5 7 13 7"/> <polygon class="cls-10" points="5 7 7 12 8 12 10 7 5 7"/> <polygon class="cls-9" points="36 7 34 12 30 12 28 7 36 7"/> <polygon class="cls-10" points="28 7 30 12 31 12 33 7 28 7"/> <polygon class="cls-9" points="59 7 57 12 53 12 51 7 59 7"/> <polygon class="cls-10" points="51 7 53 12 54 12 56 7 51 7"/> <path class="cls-11" d="M8,52V50a6,6,0,0,1,6-6h0a6,6,0,0,1,6,6v4"/> <path class="cls-11" d="M44,54V50a6,6,0,0,1,6-6h0a6,6,0,0,1,6,6v2"/> <path class="cls-11" d="M26,53V50a6,6,0,0,1,6-6h0a6,6,0,0,1,6,6v3"/> <line class="cls-11" x1="2" x2="62" y1="40" y2="40"/> <rect class="cls-11" height="4" width="60" x="2" y="22"/> <line class="cls-11" x1="5" x2="5" y1="26" y2="36"/> <line class="cls-11" x1="9" x2="9" y1="26" y2="36"/> <line class="cls-11" x1="15" x2="15" y1="26" y2="36"/> <line class="cls-11" x1="19" x2="19" y1="26" y2="36"/> <line class="cls-11" x1="25" x2="25" y1="26" y2="36"/> <line class="cls-11" x1="29" x2="29" y1="26" y2="36"/> <line class="cls-11" x1="35" x2="35" y1="26" y2="36"/> <line class="cls-11" x1="39" x2="39" y1="26" y2="36"/> <line class="cls-11" x1="45" x2="45" y1="26" y2="36"/> <line class="cls-11" x1="49" x2="49" y1="26" y2="36"/> <line class="cls-11" x1="55" x2="55" y1="26" y2="36"/> <line class="cls-11" x1="59" x2="59" y1="26" y2="36"/> <path class="cls-11" d="M2,62V36H62V62l-2.59-2.59A4.83,4.83,0,0,0,56,58h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,48,62h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,40,58h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,32,62h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,24,58h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,16,62h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,8,58H8a4.83,4.83,0,0,0-3.41,1.41Z"/> <path class="cls-11" d="M62,56l-2.59-2.59A4.83,4.83,0,0,0,56,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,48,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,40,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,32,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,24,52h0a4.83,4.83,0,0,0-3.41,1.41l-1.18,1.18A4.83,4.83,0,0,1,16,56h0a4.83,4.83,0,0,1-3.41-1.41l-1.18-1.18A4.83,4.83,0,0,0,8,52H8a4.83,4.83,0,0,0-3.41,1.41L2,56"/> <polygon class="cls-11" points="13 7 11 12 7 12 5 7 13 7"/> <polyline class="cls-11" points="5 7 9 2 13 7"/> <line class="cls-11" x1="9" x2="9" y1="12" y2="18"/> <polygon class="cls-11" points="36 7 34 12 30 12 28 7 36 7"/> <polyline class="cls-11" points="28 7 32 2 36 7"/> <line class="cls-11" x1="32" x2="32" y1="12" y2="18"/> <polygon class="cls-11" points="59 7 57 12 53 12 51 7 59 7"/> <polyline class="cls-11" points="51 7 55 2 59 7"/> <line class="cls-11" x1="55" x2="55" y1="12" y2="18"/> <polyline class="cls-11" points="7 22 7 18 11 18 11 22"/> <polyline class="cls-11" points="30 22 30 18 34 18 34 22"/> <polyline class="cls-11" points="53 22 53 18 57 18 57 22"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download