Add icons to this collection by clicking the heart icon.
Beach icon - also known as summer, nature, sea, sand, landscape, beach, sun, umbrella, and scenery. Created in a clean flat style, 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="512"
height="512"
viewBox="0 0 64 64"
>
<path fill="#ffebcd" d="M1 38h62v19H1z" />
<path fill="#fcdfb9" d="M1 40h62v17H1z" />
<path fill="#bdfdf8" d="M1 17h62v21H1z" />
<path fill="#8cf7ee" d="M1 19h62v19H1z" />
<path fill="#d2ff9f" d="M1 57h62v6H1z" />
<path fill="#bef878" d="M1 59h62v4H1z" />
<path fill="#aa6f45" d="M41 26h4v20h-4z" />
<path fill="#82502f" d="M41 26h4v2h-4z" />
<path fill="#ffebcd" d="M50 47H36a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z" />
<path
fill="#bdfdf8"
d="M7 32H1v2h6a1 1 0 0 0 0-2zM13 34h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM22 29h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM13 25H7a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM33.73 32.81h-6a1 1 0 1 1 0-2h6a1 1 0 0 1 0 2zM55.23 33.89h-3a1 1 0 0 1 0-2h3a1 1 0 1 1 0 2z"
/>
<path
fill="#ffebcd"
d="M12 53H8a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM59 41.81a1 1 0 0 0 0 2h4v-2z"
/>
<path
fill="#4b5f82"
d="M27 5a1 1 0 0 1-.89-.55L26 4.24A2.22 2.22 0 0 0 24 3a1 1 0 0 1 0-2 4.24 4.24 0 0 1 3 1.24A4.24 4.24 0 0 1 30 1a1 1 0 0 1 0 2 2.22 2.22 0 0 0-2 1.24l-.11.21A1 1 0 0 1 27 5zM21 11a1 1 0 0 1-.89-.55l-.11-.21A2.22 2.22 0 0 0 18 9a1 1 0 0 1 0-2 4.24 4.24 0 0 1 3 1.24A4.24 4.24 0 0 1 24 7a1 1 0 0 1 0 2 2.22 2.22 0 0 0-2 1.24l-.11.21A1 1 0 0 1 21 11z"
/>
<circle cx="16" cy="52" r="1" fill="#ffebcd" />
<circle cx="32" cy="46" r="1" fill="#ffebcd" />
<circle cx="56" cy="50" r="1" fill="#ffebcd" />
<circle cx="10" cy="44" r="1" fill="#ffebcd" />
<path
fill="#f96e5a"
d="m23.88 43.55.42.84a1.43 1.43 0 0 0 1.08.79l.93.14a1 1 0 0 1 .55 1.68l-.67.66a1.41 1.41 0 0 0-.42 1.27l.16.93a1 1 0 0 1-1.43 1l-.83-.44a1.44 1.44 0 0 0-1.34 0l-.83.44a1 1 0 0 1-1.43-1l.16-.93a1.41 1.41 0 0 0-.42-1.27l-.67-.66a1 1 0 0 1 .55-1.67l.93-.14a1.43 1.43 0 0 0 1.08-.79l.42-.84a1 1 0 0 1 1.76-.01z"
/>
<path
fill="#ff917d"
d="m21.81 49.65-.67-.65a1 1 0 0 1 .55-1.67l.93-.14a1.43 1.43 0 0 0 1.08-.79l.42-.84a1 1 0 0 1 .79-.54 1.41 1.41 0 0 1-.61-.62l-.42-.84a1 1 0 0 0-1.76 0l-.42.84a1.43 1.43 0 0 1-1.08.79l-.93.14a1 1 0 0 0-.55 1.67l.67.66a1.41 1.41 0 0 1 .42 1.27l-.16.93a1 1 0 0 0 1.43 1l.73-.39a1.41 1.41 0 0 0-.42-.82z"
/>
<g fill="#ffbe39">
<path
d="M13 8h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM3 8H1a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM9.83 5.17a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42l1.42-1.41A1 1 0 0 1 12 3.46l-1.46 1.42a1 1 0 0 1-.71.29zM2.76 12.24a1 1 0 0 1-.71-.24 1 1 0 0 1 0-1.41l1.41-1.47a1 1 0 1 1 1.42 1.42L3.46 12a1 1 0 0 1-.7.24zM7 4a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM7 14a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM4.17 5.17a1 1 0 0 1-.71-.29L2.05 3.46a1 1 0 0 1 1.41-1.41l1.42 1.41a1 1 0 0 1 0 1.42 1 1 0 0 1-.71.29zM11.24 12.24a1 1 0 0 1-.7-.29l-1.42-1.41a1 1 0 1 1 1.42-1.42L12 10.54A1 1 0 0 1 12 12a1 1 0 0 1-.76.24z"
/>
</g>
<circle cx="7" cy="7" r="5" fill="#ffdc5d" />
<circle cx="6" cy="6" r="1.5" fill="#ffef98" />
<path
fill="#ff917d"
d="M28 29a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="#f0fbff"
d="M58 29a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path fill="#ff917d" d="M27 26h11l5-16a16 16 0 0 0-16 16z" />
<path fill="#f0fbff" d="m43 10 5 16h11a16 16 0 0 0-16-16z" />
<path fill="#f96e5a" d="M43 10.17A16 16 0 0 0 29 26h9z" />
<path
fill="#5ce9e3"
d="M38 29a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM48 29a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="#5ce9e3"
d="M43 10c-3.31 0-6 7.16-6 16h12c0-8.84-2.69-16-6-16z"
/>
</svg>
More icons in the same style and category