SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Facade
Building
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
8.56 KB
6.48 KB
-24%
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" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/220065/facade --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect x="61.792" y="8.828" style="fill:#91BEF0;" width="388.41" height="494.35"/> <g> <path style="fill:#739CCD;" d="M97.102,132.414h317.793c4.875,0,8.828-3.953,8.828-8.828V61.793c0-4.875-3.953-8.828-8.828-8.828 H97.102c-4.875,0-8.828,3.953-8.828,8.828v61.793C88.275,128.461,92.227,132.414,97.102,132.414z"/> <path style="fill:#739CCD;" d="M97.102,238.345h317.793c4.875,0,8.828-3.953,8.828-8.828v-61.793c0-4.875-3.953-8.828-8.828-8.828 H97.102c-4.875,0-8.828,3.953-8.828,8.828v61.793C88.275,234.392,92.227,238.345,97.102,238.345z"/> <path style="fill:#739CCD;" d="M97.102,344.276h317.793c4.875,0,8.828-3.953,8.828-8.828v-61.793c0-4.875-3.953-8.828-8.828-8.828 H97.102c-4.875,0-8.828,3.953-8.828,8.828v61.793C88.275,340.323,92.227,344.276,97.102,344.276z"/> <path style="fill:#739CCD;" d="M97.102,450.207h317.793c4.875,0,8.828-3.953,8.828-8.828v-61.793c0-4.875-3.953-8.828-8.828-8.828 H97.102c-4.875,0-8.828,3.953-8.828,8.828v61.793C88.275,446.254,92.227,450.207,97.102,450.207z"/> </g> <rect x="61.792" y="467.86" style="fill:#82B1E1;" width="388.41" height="35.31"/> <rect x="97.099" y="273.65" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="97.099" y="273.65" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="123.589" y="273.65" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M167.723,344.276H97.102c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C176.551,340.323,172.598,344.276,167.723,344.276z M105.93,326.621h52.966v-44.138 H105.93V326.621z"/> <rect x="97.099" y="167.72" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="97.099" y="167.72" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="123.589" y="167.72" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M167.723,238.345H97.102c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C176.551,234.392,172.598,238.345,167.723,238.345z M105.93,220.69h52.966v-44.138 H105.93V220.69z"/> <rect x="97.099" y="379.59" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="97.099" y="379.59" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="123.589" y="379.59" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M167.723,450.207H97.102c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C176.551,446.254,172.598,450.207,167.723,450.207z M105.93,432.552h52.966v-44.138 H105.93V432.552z"/> <rect x="97.099" y="61.793" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="97.099" y="61.793" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="123.589" y="61.793" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M167.723,132.414H97.102c-4.875,0-8.828-3.953-8.828-8.828V61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C176.551,128.461,172.598,132.414,167.723,132.414z M105.93,114.759h52.966V70.621 H105.93V114.759z"/> <rect x="344.28" y="273.65" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="344.28" y="273.65" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="370.76" y="273.65" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M414.897,344.276h-70.621c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C423.724,340.323,419.772,344.276,414.897,344.276z M353.103,326.621h52.966v-44.138 h-52.966V326.621z"/> <rect x="344.28" y="167.72" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="344.28" y="167.72" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="370.76" y="167.72" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M414.897,238.345h-70.621c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C423.724,234.392,419.772,238.345,414.897,238.345z M353.103,220.69h52.966v-44.138 h-52.966V220.69z"/> <rect x="344.28" y="379.59" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="344.28" y="379.59" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="370.76" y="379.59" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M414.897,450.207h-70.621c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C423.724,446.254,419.772,450.207,414.897,450.207z M353.103,432.552h52.966v-44.138 h-52.966V432.552z"/> <rect x="344.28" y="61.793" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="344.28" y="61.793" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="370.76" y="61.793" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M414.897,132.414h-70.621c-4.875,0-8.828-3.953-8.828-8.828V61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C423.724,128.461,419.772,132.414,414.897,132.414z M353.103,114.759h52.966V70.621 h-52.966V114.759z"/> <rect x="203.029" y="61.793" style="fill:#B4E1FA;" width="105.93" height="61.793"/> <rect x="203.029" y="61.793" style="fill:#A0D2F0;" width="105.93" height="26.483"/> <g> <rect x="229.52" y="61.793" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <rect x="264.829" y="61.793" style="fill:#5B5D6E;" width="17.655" height="61.793"/> </g> <path style="fill:#707487;" d="M308.966,132.414H203.033c-4.875,0-8.828-3.953-8.828-8.828V61.793c0-4.875,3.953-8.828,8.828-8.828 h105.931c4.875,0,8.828,3.953,8.828,8.828v61.793C317.793,128.461,313.841,132.414,308.966,132.414z M211.861,114.759h88.276V70.621 h-88.276V114.759z"/> <rect x="203.029" y="167.72" style="fill:#B4E1FA;" width="105.93" height="61.793"/> <rect x="203.029" y="167.72" style="fill:#A0D2F0;" width="105.93" height="26.483"/> <g> <rect x="229.52" y="167.72" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <rect x="264.829" y="167.72" style="fill:#5B5D6E;" width="17.655" height="61.793"/> </g> <path style="fill:#707487;" d="M308.966,238.345H203.033c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h105.931c4.875,0,8.828,3.953,8.828,8.828v61.793C317.793,234.392,313.841,238.345,308.966,238.345z M211.861,220.69h88.276v-44.138 h-88.276V220.69z"/> <rect x="203.029" y="273.65" style="fill:#B4E1FA;" width="105.93" height="61.793"/> <rect x="203.029" y="273.65" style="fill:#A0D2F0;" width="105.93" height="26.483"/> <g> <rect x="229.52" y="273.65" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <rect x="264.829" y="273.65" style="fill:#5B5D6E;" width="17.655" height="61.793"/> </g> <path style="fill:#707487;" d="M308.966,344.276H203.033c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h105.931c4.875,0,8.828,3.953,8.828,8.828v61.793C317.793,340.323,313.841,344.276,308.966,344.276z M211.861,326.621h88.276 v-44.138h-88.276V326.621z"/> <rect x="203.029" y="379.59" style="fill:#B4E1FA;" width="105.93" height="61.793"/> <rect x="203.029" y="379.59" style="fill:#A0D2F0;" width="105.93" height="26.483"/> <g> <rect x="229.52" y="379.59" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <rect x="264.829" y="379.59" style="fill:#5B5D6E;" width="17.655" height="61.793"/> </g> <path style="fill:#707487;" d="M308.966,450.207H203.033c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h105.931c4.875,0,8.828,3.953,8.828,8.828v61.793C317.793,446.254,313.841,450.207,308.966,450.207z M211.861,432.552h88.276 v-44.138h-88.276V432.552z"/> <path style="fill:#8F96AC;" d="M463.448,512H48.551c-2.438,0-4.414-1.976-4.414-4.414v-8.828c0-2.438,1.976-4.414,4.414-4.414 h414.897c2.438,0,4.414,1.976,4.414,4.414v8.828C467.862,510.024,465.885,512,463.448,512z"/> <path style="fill:#82B1E1;" d="M454.621,17.655H57.379c-2.438,0-4.414-1.976-4.414-4.414V4.414C52.965,1.976,54.941,0,57.379,0 H454.62c2.438,0,4.414,1.976,4.414,4.414v8.828C459.034,15.679,457.058,17.655,454.621,17.655z"/> </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
Set Dimensions
Change dimensions
Optimize
8.56 KB
6.48 KB
-24%
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" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/220065/facade --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect x="61.792" y="8.828" style="fill:#91BEF0;" width="388.41" height="494.35"/> <g> <path style="fill:#739CCD;" d="M97.102,132.414h317.793c4.875,0,8.828-3.953,8.828-8.828V61.793c0-4.875-3.953-8.828-8.828-8.828 H97.102c-4.875,0-8.828,3.953-8.828,8.828v61.793C88.275,128.461,92.227,132.414,97.102,132.414z"/> <path style="fill:#739CCD;" d="M97.102,238.345h317.793c4.875,0,8.828-3.953,8.828-8.828v-61.793c0-4.875-3.953-8.828-8.828-8.828 H97.102c-4.875,0-8.828,3.953-8.828,8.828v61.793C88.275,234.392,92.227,238.345,97.102,238.345z"/> <path style="fill:#739CCD;" d="M97.102,344.276h317.793c4.875,0,8.828-3.953,8.828-8.828v-61.793c0-4.875-3.953-8.828-8.828-8.828 H97.102c-4.875,0-8.828,3.953-8.828,8.828v61.793C88.275,340.323,92.227,344.276,97.102,344.276z"/> <path style="fill:#739CCD;" d="M97.102,450.207h317.793c4.875,0,8.828-3.953,8.828-8.828v-61.793c0-4.875-3.953-8.828-8.828-8.828 H97.102c-4.875,0-8.828,3.953-8.828,8.828v61.793C88.275,446.254,92.227,450.207,97.102,450.207z"/> </g> <rect x="61.792" y="467.86" style="fill:#82B1E1;" width="388.41" height="35.31"/> <rect x="97.099" y="273.65" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="97.099" y="273.65" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="123.589" y="273.65" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M167.723,344.276H97.102c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C176.551,340.323,172.598,344.276,167.723,344.276z M105.93,326.621h52.966v-44.138 H105.93V326.621z"/> <rect x="97.099" y="167.72" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="97.099" y="167.72" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="123.589" y="167.72" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M167.723,238.345H97.102c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C176.551,234.392,172.598,238.345,167.723,238.345z M105.93,220.69h52.966v-44.138 H105.93V220.69z"/> <rect x="97.099" y="379.59" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="97.099" y="379.59" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="123.589" y="379.59" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M167.723,450.207H97.102c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C176.551,446.254,172.598,450.207,167.723,450.207z M105.93,432.552h52.966v-44.138 H105.93V432.552z"/> <rect x="97.099" y="61.793" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="97.099" y="61.793" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="123.589" y="61.793" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M167.723,132.414H97.102c-4.875,0-8.828-3.953-8.828-8.828V61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C176.551,128.461,172.598,132.414,167.723,132.414z M105.93,114.759h52.966V70.621 H105.93V114.759z"/> <rect x="344.28" y="273.65" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="344.28" y="273.65" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="370.76" y="273.65" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M414.897,344.276h-70.621c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C423.724,340.323,419.772,344.276,414.897,344.276z M353.103,326.621h52.966v-44.138 h-52.966V326.621z"/> <rect x="344.28" y="167.72" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="344.28" y="167.72" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="370.76" y="167.72" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M414.897,238.345h-70.621c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C423.724,234.392,419.772,238.345,414.897,238.345z M353.103,220.69h52.966v-44.138 h-52.966V220.69z"/> <rect x="344.28" y="379.59" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="344.28" y="379.59" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="370.76" y="379.59" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M414.897,450.207h-70.621c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C423.724,446.254,419.772,450.207,414.897,450.207z M353.103,432.552h52.966v-44.138 h-52.966V432.552z"/> <rect x="344.28" y="61.793" style="fill:#B4E1FA;" width="70.62" height="61.793"/> <rect x="344.28" y="61.793" style="fill:#A0D2F0;" width="70.62" height="26.483"/> <rect x="370.76" y="61.793" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <path style="fill:#707487;" d="M414.897,132.414h-70.621c-4.875,0-8.828-3.953-8.828-8.828V61.793c0-4.875,3.953-8.828,8.828-8.828 h70.621c4.875,0,8.828,3.953,8.828,8.828v61.793C423.724,128.461,419.772,132.414,414.897,132.414z M353.103,114.759h52.966V70.621 h-52.966V114.759z"/> <rect x="203.029" y="61.793" style="fill:#B4E1FA;" width="105.93" height="61.793"/> <rect x="203.029" y="61.793" style="fill:#A0D2F0;" width="105.93" height="26.483"/> <g> <rect x="229.52" y="61.793" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <rect x="264.829" y="61.793" style="fill:#5B5D6E;" width="17.655" height="61.793"/> </g> <path style="fill:#707487;" d="M308.966,132.414H203.033c-4.875,0-8.828-3.953-8.828-8.828V61.793c0-4.875,3.953-8.828,8.828-8.828 h105.931c4.875,0,8.828,3.953,8.828,8.828v61.793C317.793,128.461,313.841,132.414,308.966,132.414z M211.861,114.759h88.276V70.621 h-88.276V114.759z"/> <rect x="203.029" y="167.72" style="fill:#B4E1FA;" width="105.93" height="61.793"/> <rect x="203.029" y="167.72" style="fill:#A0D2F0;" width="105.93" height="26.483"/> <g> <rect x="229.52" y="167.72" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <rect x="264.829" y="167.72" style="fill:#5B5D6E;" width="17.655" height="61.793"/> </g> <path style="fill:#707487;" d="M308.966,238.345H203.033c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h105.931c4.875,0,8.828,3.953,8.828,8.828v61.793C317.793,234.392,313.841,238.345,308.966,238.345z M211.861,220.69h88.276v-44.138 h-88.276V220.69z"/> <rect x="203.029" y="273.65" style="fill:#B4E1FA;" width="105.93" height="61.793"/> <rect x="203.029" y="273.65" style="fill:#A0D2F0;" width="105.93" height="26.483"/> <g> <rect x="229.52" y="273.65" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <rect x="264.829" y="273.65" style="fill:#5B5D6E;" width="17.655" height="61.793"/> </g> <path style="fill:#707487;" d="M308.966,344.276H203.033c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h105.931c4.875,0,8.828,3.953,8.828,8.828v61.793C317.793,340.323,313.841,344.276,308.966,344.276z M211.861,326.621h88.276 v-44.138h-88.276V326.621z"/> <rect x="203.029" y="379.59" style="fill:#B4E1FA;" width="105.93" height="61.793"/> <rect x="203.029" y="379.59" style="fill:#A0D2F0;" width="105.93" height="26.483"/> <g> <rect x="229.52" y="379.59" style="fill:#5B5D6E;" width="17.655" height="61.793"/> <rect x="264.829" y="379.59" style="fill:#5B5D6E;" width="17.655" height="61.793"/> </g> <path style="fill:#707487;" d="M308.966,450.207H203.033c-4.875,0-8.828-3.953-8.828-8.828v-61.793c0-4.875,3.953-8.828,8.828-8.828 h105.931c4.875,0,8.828,3.953,8.828,8.828v61.793C317.793,446.254,313.841,450.207,308.966,450.207z M211.861,432.552h88.276 v-44.138h-88.276V432.552z"/> <path style="fill:#8F96AC;" d="M463.448,512H48.551c-2.438,0-4.414-1.976-4.414-4.414v-8.828c0-2.438,1.976-4.414,4.414-4.414 h414.897c2.438,0,4.414,1.976,4.414,4.414v8.828C467.862,510.024,465.885,512,463.448,512z"/> <path style="fill:#82B1E1;" d="M454.621,17.655H57.379c-2.438,0-4.414-1.976-4.414-4.414V4.414C52.965,1.976,54.941,0,57.379,0 H454.62c2.438,0,4.414,1.976,4.414,4.414v8.828C459.034,15.679,457.058,17.655,454.621,17.655z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download