Add icons to this collection by clicking the heart icon.
Beach icon - also known as summer, nature, sea, landscape, summertime, beach, holidays, island, and beach umbrella. Created in a clean lineal color style with a white, silver, gray, black, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v88.967c0 17.052 19.928 26.412 32.992 15.452 14.019-11.761 23.646-27.764 49.843-27.764 41.417 0 41.417 39.999 82.834 39.999 41.416 0 41.416-39.999 82.831-39.999 41.415 0 41.415 39.999 82.831 39.999 41.417 0 41.417-39.999 82.834-39.999 26.197 0 35.824 16.003 49.843 27.764 13.064 10.96 32.992 1.6 32.992-15.452V0L248.5-43.904Z"
transform="translate(7.5 180.125)"
fill="#a5e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.019-11.761-23.646-27.764-49.843-27.764-41.417 0-41.417 39.999-82.834 39.999-41.416 0-41.416-39.999-82.831-39.999-41.415 0-41.415 39.999-82.831 39.999-13.839 0-23.055-4.466-30.736-10.414-21.254-16.457-52.098-1.717-52.098 25.164-26.197 0-35.824 16.003-49.843 27.764-13.064 10.96-32.992 1.6-32.992-15.452V-49.67l248.5-43.904 248.5 43.904v34.218C32.992 1.6 13.064 10.96 0 0"
transform="translate(471.508 229.795)"
fill="#5bd7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c82.211 23.419 140.543 54.526 295.5 54.526v-80H0Z"
transform="translate(209 125.6)"
fill="#ffe1bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.811 7.811-7.811 20.474 0 28.284l323.148 323.148c7.81 7.811 20.474 7.811 28.284 0 7.811-7.81 7.811-20.474 0-28.284L28.284 0C20.474-7.81 7.81-7.81 0 0"
transform="translate(115.577 125.117)"
fill="#6b8199"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-141.421-141.421c7.81 7.81 20.473 7.81 28.284 0 7.81-7.811 7.81-20.474 0-28.285L28.284-28.284Z"
transform="translate(353.872 391.696)"
fill="#516980"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c74.879 74.879 196.218 74.981 271.223.305 75.464-75.132 74.384-197.756-.915-273.055l-18.578-18.578c-7.81-7.81-20.474-7.81-28.284 0L-19.799-48.083c-7.81 7.81-7.81 20.474 0 28.284z"
transform="translate(167.196 448.264)"
fill="#ffa2ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-61.202 60.932-72.053 153.1-33.805 225.929-45.453-2.563-90.169-21.194-124.893-55.918l-19.799-19.799c-7.811-7.81-7.811-20.474 0-28.284L64.748-121.317c7.81-7.81 20.473-7.81 28.284 0l14.142 14.143z"
transform="translate(325.894 278.253)"
fill="#ff92a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c74.981 74.981 166.156 105.373 203.647 67.882 37.49-37.49 7.098-128.666-67.882-203.647l-33.942-33.941L-33.941-33.941z"
transform="translate(235.078 380.382)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-36.826 36.664-55.413 84.638-56.052 132.902-11.796-9.195-23.464-19.474-34.764-30.773l-33.941-33.941L11.008-67.577l28.284 28.285Z"
transform="translate(325.894 278.253)"
fill="#e7faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-248.5 0-248.5 80-497 80V-42.625c0-27.614 22.386-50 50-50h397c27.614 0 50 22.386 50 50z"
transform="translate(504.5 100.125)"
fill="#fff2cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v119.406c-23.631 2.05-50 3.219-80 3.219V0c0-27.614 22.386-50 50-50h80C22.386-50 0-27.614 0 0"
transform="translate(87.5 57.5)"
fill="#ffe1bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c18.533 1.23 38.698 1.934 60.856 1.997"
transform="translate(440.394 178.124)"
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 0c35.095 11.296 70.393 22.526 117.089 30.086"
transform="translate(257.907 140.74)"
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 117.549 117.549"
transform="translate(135.588 173.412)"
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-99.298-99.298"
transform="translate(281.67 262.926)"
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 13.887 13.887c7.81 7.81 20.474 7.81 28.284 0v0c7.811-7.811 7.811-20.474 0-28.284L28.784-27.784"
transform="translate(424.838 462.662)"
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 0c73.929 45.823 172.221 36.74 236.492-27.248 75.464-75.132 74.384-197.757-.914-273.055l-18.579-18.579c-7.81-7.81-20.474-7.81-28.284 0L-54.53-75.637c-7.81 7.811-7.81 20.474 0 28.284l19.799 19.799a194.62 194.62 0 0 0 9.788 9.139"
transform="translate(201.927 475.818)"
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 32.382 32.382c74.981 74.981 166.157 105.373 203.647 67.882 37.49-37.49 7.098-128.666-67.882-203.646l-31.876-31.876"
transform="translate(202.696 348)"
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 0c-141.876 19.497-179.233 72.642-380.767 72.934"
transform="translate(389.935 107.19)"
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 0c-31.505.033-59.004 1.356-83.517 3.639"
transform="translate(503.3 100.126)"
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 0c5.801-3.366 9.995-9.57 9.995-17.392v-211.592c0-27.614-22.386-50-50-50h-397c-27.615 0-50 22.386-50 50V-17.392c0 17.052 19.928 26.412 32.992 15.452 14.018-11.762 23.645-27.764 49.842-27.764 41.418 0 41.418 39.999 82.835 39.999 28.225 0 37.215-18.578 53.187-30.412"
transform="translate(494.505 286.484)"
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