Add icons to this collection by clicking the heart icon.
Beach icon - also known as summer, nature, sand, summertime, beach, and sun. Created in a clean flat style with a white, silver, yellow, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 244.977 154.199C243.994 288.667 134.7 397.375 0 397.375s-243.994-108.708-244.977-243.176z"
transform="translate(256 92.625)"
fill="#fef156"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-110.457-89.543-200-200-200S-400-110.457-400 0s89.543 200 200 200S0 110.457 0 0"
transform="translate(456 260)"
fill="#ffd402"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.673 0-3.301-.189-4.869-.537a35.346 35.346 0 0 1 2.696 13.573c0 19.578-15.871 35.449-35.449 35.449-3.204 0-6.306-.432-9.258-1.229-2.96 25.381-24.531 45.079-50.706 45.079-26.175 0-47.746-19.698-50.706-45.079a35.466 35.466 0 0 1-9.258 1.229c-19.578 0-35.449-15.871-35.449-35.449 0-4.809.962-9.392 2.696-13.573a22.444 22.444 0 0 1-4.869.537c-12.379 0-22.414-10.035-22.414-22.414 0-12.379 10.035-22.414 22.414-22.414H0c12.379 0 22.414 10.035 22.414 22.414C22.414-10.035 12.379 0 0 0"
transform="translate(478.586 376.828)"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 .694.029 1.381.071 2.065L0 2.064c-28.198 0-51.056 22.859-51.056 51.056 0 2.022.121 4.016.35 5.977a35.466 35.466 0 0 1-9.258 1.229c-19.578 0-35.449-15.871-35.449-35.45 0-4.808.962-9.391 2.696-13.572a22.444 22.444 0 0 1-4.869.537C-109.965 11.841-120 1.806-120-10.573c0-12.379 10.035-22.414 22.414-22.414H32.987C14.769-32.987 0-18.218 0 0"
transform="translate(381 364.987)"
fill="#ade9f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.673 0-3.301-.189-4.869-.537a35.346 35.346 0 0 1 2.696 13.573c0 19.578-15.871 35.449-35.449 35.449-3.204 0-6.306-.432-9.258-1.229-2.96 25.381-24.531 45.079-50.706 45.079-26.175 0-47.746-19.698-50.706-45.079a35.466 35.466 0 0 1-9.258 1.229c-19.578 0-35.449-15.871-35.449-35.449 0-4.809.962-9.392 2.696-13.573a22.444 22.444 0 0 1-4.869.537c-12.379 0-22.414-10.035-22.414-22.414 0-12.379 10.035-22.414 22.414-22.414H0c12.379 0 22.414 10.035 22.414 22.414C22.414-10.035 12.379 0 0 0"
transform="translate(228.586 376.828)"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 .694.029 1.381.071 2.065L0 2.064c-28.198 0-51.056 22.859-51.056 51.056 0 2.022.121 4.016.35 5.977a35.466 35.466 0 0 1-9.258 1.229c-19.578 0-35.449-15.871-35.449-35.45 0-4.808.962-9.391 2.696-13.572a22.444 22.444 0 0 1-4.869.537C-109.965 11.841-120 1.806-120-10.573c0-12.379 10.035-22.414 22.414-22.414H32.987C14.769-32.987 0-18.218 0 0"
transform="translate(131 364.987)"
fill="#ade9f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-55.228-44.772-100-100-100S-200-55.228-200 0s44.772 100 100 100S0 55.228 0 0"
transform="translate(356 412)"
fill="#fea53d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 44.776 29.43 82.676 70 95.419A99.942 99.942 0 0 1 40 100C-15.228 100-60 55.228-60 0s44.772-100 100-100a99.942 99.942 0 0 1 30 4.581C29.43-82.676 0-44.776 0 0"
transform="translate(216 412)"
fill="#fc753f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 239.106 98.861A245.58 245.58 0 0 1 245 152.375c0 .61-.019 1.215-.023 1.824-37.928-1.101-39.106-19.948-79.314-19.948-41.418 0-41.418 20-82.837 20-41.416 0-41.416-20-82.833-20-41.415 0-41.415 20-82.83 20-41.416 0-41.416-20-82.832-20-40.205 0-41.383 18.847-79.308 19.948-.004-.609-.023-1.214-.023-1.824a245.58 245.58 0 0 1 5.894-53.514z"
transform="translate(256 92.625)"
fill="#02c0fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.407-.363-7.143-.567-11.302-.567-40.205 0-41.383 18.846-79.307 19.948-.005-.609-.023-1.214-.023-1.824 0-18.386 2.051-36.287 5.894-53.514l103.831-42.93C8.592-54.391 1.972-27.839 0 0"
transform="translate(101.632 227.443)"
fill="#27a6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 222.533 49.816a243.05 243.05 0 0 1 16.59 49.052c-32.314-2.759-35.431-19.618-73.46-19.618-41.418 0-41.418 20-82.837 20-41.416 0-41.416-20-82.833-20-41.415 0-41.415 20-82.83 20-41.416 0-41.416-20-82.832-20-38.026 0-41.143 16.859-73.454 19.618a243.114 243.114 0 0 1 16.651-49.182z"
transform="translate(256 92.625)"
fill="#6ad9fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.754-1.356-12.543-2.213-21.106-2.213-38.026 0-41.142 16.859-73.454 19.618a243.176 243.176 0 0 1 16.651-49.182L24.105-54.56A243.654 243.654 0 0 0 0 0"
transform="translate(111.437 174.088)"
fill="#02c0fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c23.06 21.544 41.96 47.479 55.351 76.488-138.038-1.919-228.567-19.132-305.763-40.638V0Z"
transform="translate(423.2 65.956)"
fill="#fce7ca"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-62.104 5.496-103.685 17.218-144.702 30.23-40.287-6.747-75.535-15.117-108.369-24.264v-35.849H-2.658A246.683 246.683 0 0 1 22.894-2.026z"
transform="translate(425.858 95.84)"
fill="#ffc7ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c38.84-84.015 123.85-142.315 222.49-142.315 64.645 0 123.431 25.049 167.213 65.956C225.795-61.854 194.391-4.692 0 0"
transform="translate(33.51 142.315)"
fill="#fce7ca"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-26.818 3.903-57.382 6.601-93.609 7.475C-54.768-76.54 30.242-134.84 128.881-134.84c15.371 0 30.405 1.432 44.991 4.141C97.662-116.546 33.85-67.126 0 0"
transform="translate(127.119 134.84)"
fill="#ffc7ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category