Add icons to this collection by clicking the heart icon.
Beach House icon - also known as buildings, summer, beach, holidays, real estate, beach house, architecture and city, and stilt house. Created in a clean lineal color style with a gray, black, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0h-497v89.082l248.5 38.288L0 89.082Z"
transform="matrix(1.33333 0 0 -1.33333 672.667 659.556)"
fill="#f8e86a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v68.191a79.335 79.335 0 0 1-71 0 79.342 79.342 0 0 0-71 0 79.335 79.335 0 0 1-71 0 79.342 79.342 0 0 0-71 0 79.335 79.335 0 0 1-71 0 79.342 79.342 0 0 0-71 0 79.335 79.335 0 0 1-71 0V0l44.591-29.903h398.445z"
transform="translate(504.5 174.606)"
fill="#5bd6fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v135.868l114.717 78.899 114.715-78.899V0L114.717-25Z"
transform="translate(235.859 253.653)"
fill="#f8e86a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a79.335 79.335 0 0 0 71 0 79.335 79.335 0 0 1 71 0 79.335 79.335 0 0 0 71 0 79.335 79.335 0 0 1 71 0 79.335 79.335 0 0 0 71 0 79.335 79.335 0 0 1 71 0 79.335 79.335 0 0 0 71 0v-68.191H0Z"
transform="translate(7.5 174.606)"
fill="#00b4fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60.217c-10.961 0-19.846-8.885-19.846-19.846V-99.91h99.91v80.064C19.847-8.885 10.961 0 0 0"
transform="translate(380.684 328.563)"
fill="#5c586f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M289.025 96.415h-40.051v132.238h40.051zM412.125 96.415h40.051v132.238h-40.051z"
fill="#f8e86a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M248.974 183.653h40.051v45h-40.051zM412.125 183.653h40.051v45h-40.051z"
fill="#fab659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-229.317c-6.857 0-12.416-5.56-12.416-12.417v-25.166c0-6.857 5.559-12.417 12.416-12.417H0c6.857 0 12.417 5.56 12.417 12.417v25.166C12.417-5.56 6.857 0 0 0"
transform="translate(465.291 263.653)"
fill="#ff71a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-25.635-20.78-46.415-46.415-46.415-25.634 0-46.415 20.78-46.415 46.415 0 25.634 20.781 46.414 46.415 46.414C-20.78 46.414 0 25.634 0 0"
transform="translate(145.587 411.914)"
fill="#f8e86a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-25.634 0-46.415 20.78-46.415 46.415a46.198 46.198 0 0 0 5.158 21.257c-14.938-7.713-25.158-23.286-25.158-41.257C-66.415.78-45.634-20-20-20-2.029-20 13.544-9.78 21.257 5.158A46.198 46.198 0 0 0 0 0"
transform="translate(119.173 385.499)"
fill="#fab659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-51.354a31.37 31.37 0 0 1 11.411 4.929L114.716 25.35l103.305-71.775a31.36 31.36 0 0 1 11.411-4.928V0L114.717 78.898Z"
transform="translate(235.86 389.522)"
fill="#fab659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-128.981 89.613a25 25 0 0 1-28.53 0L-286.491-.001c-5.207-3.617-6.495-10.77-2.878-15.976l15.431-22.209c3.617-5.206 10.77-6.494 15.976-2.877l114.716 79.704 114.717-79.704c5.206-3.617 12.359-2.329 15.976 2.877l15.43 22.209C6.494-10.771 5.206-3.617 0 0"
transform="translate(493.821 400.584)"
fill="#ff71a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.541"
transform="translate(290.573 368.246)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-11.541"
transform="translate(410.692 368.246)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c3.85-4.418 9.514-7.214 15.834-7.214S27.818-4.418 31.668 0"
transform="translate(334.799 362.049)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-25.635-20.78-46.415-46.415-46.415-25.634 0-46.414 20.78-46.414 46.415 0 25.634 20.78 46.415 46.414 46.415C-20.78 46.415 0 25.634 0 0Z"
transform="translate(145.587 411.914)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v11.024"
transform="translate(99.173 477.938)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 7.795 7.795"
transform="translate(145.86 458.6)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h11.025"
transform="translate(165.197 411.914)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 7.795-7.796"
transform="translate(145.86 365.228)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-11.025"
transform="translate(99.173 345.89)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-7.796-7.796"
transform="translate(52.487 365.228)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-11.025"
transform="translate(33.148 411.914)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-7.796 7.795"
transform="translate(52.487 458.6)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-64.412 44.752a24.999 24.999 0 0 1-28.529 0l-128.981-89.614c-5.206-3.617-6.494-10.77-2.877-15.976l15.43-22.209c3.618-5.206 10.77-6.494 15.976-2.877L-78.677-6.221 36.04-85.924c5.207-3.617 12.359-2.329 15.977 2.877l15.43 22.209c3.617 5.206 2.329 12.359-2.878 15.977L24.551-17.057"
transform="translate(429.252 445.445)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h229.317v95.869l-114.716 79.702L-.115 95.868V-.006C-.077-.005-.039 0 0 0Z"
transform="translate(235.975 263.653)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v45.064c0 10.961-8.885 19.847-19.846 19.847h-60.217c-10.961 0-19.847-8.886-19.847-19.847V0Z"
transform="translate(400.53 263.653)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-229.316c-6.858 0-12.417-5.559-12.417-12.417v-25.166c0-6.857 5.559-12.417 12.417-12.417H0c6.858 0 12.417 5.56 12.417 12.417v25.166C12.417-5.559 6.858 0 0 0Z"
transform="translate(465.291 263.653)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-76.204v-89.082h497V0H30"
transform="translate(83.704 106.415)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h135.271v60.12a79.293 79.293 0 0 0-28.475 8.071 79.335 79.335 0 0 1-71 0 79.342 79.342 0 0 0-71 0 79.335 79.335 0 0 1-71 0V0H-30"
transform="translate(113.704 106.415)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-13c-6.858 0-12.417 5.56-12.417 12.417v15.288a80.86 80.86 0 0 0-3.058 1.44 79.335 79.335 0 0 1-71 0 79.335 79.335 0 0 0-71 0 79.335 79.335 0 0 1-71 0v-68.192a79.335 79.335 0 0 0 71 0 79.335 79.335 0 0 1 71 0 79.335 79.335 0 0 0 71 0A79.272 79.272 0 0 1 0-47.118z"
transform="translate(248.975 213.653)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M248.975 106.415h40.052v107.238h-40.052z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-123.099v-40.227c.829.38 1.656.771 2.474 1.18a79.335 79.335 0 0 0 71 0A79.323 79.323 0 0 1 0-46.16z"
transform="translate(412.125 213.653)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.63c0-6.857-5.559-12.417-12.416-12.417h-13.115V-69.52a79.325 79.325 0 0 0 52.323-6.574v68.192A79.26 79.26 0 0 1 0 0Z"
transform="translate(477.708 250.7)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a79.335 79.335 0 0 1-71 0c-.818-.41-1.645-.8-2.474-1.18v-67.011H49.625v61.078A79.323 79.323 0 0 0 0 0Z"
transform="translate(362.5 174.606)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-74.766h52.323v68.192A79.33 79.33 0 0 1 0 0Z"
transform="translate(452.177 181.18)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M412.125 106.415h40.052v107.238h-40.052z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category