Add icons to this collection by clicking the heart icon.
Beach icon - also known as summer, sand, summertime, beach, holidays, sun umbrella, vacation, and holiday. Created in a clean lineal color style with a white, gray, black, olive, 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 40.932-173.569 23.159-11.887 13.889 15.603L35.915 8.482C23.612 12.114 14.06 20.767 11.311 32.427 14.06 20.767 9.383 8.767 0 0"
transform="translate(159.44 327.7)"
fill="#fbf8f8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 1.587-.822 13.89 15.603-42.066 178.335c-12.303 3.632-21.855 12.284-24.604 23.945 1.105-4.653 1.02-9.362-.085-13.902a50.339 50.339 0 0 1 3.656-1.248z"
transform="translate(221.944 143.065)"
fill="#e0d2ce"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-70.809-10.525-134.021-40.087-163.558-88.714-7.54-12.397-5.669-31.916 9.808-31.916h443.762c9.751 0 14.088 7.745 14.116 16.54v.085c-.028 5.163-1.502 10.724-4.28 15.291C261.014-24.823 164.097 6.185 68.145 4.256a421.133 421.133 0 0 1-31.096-.539A397.496 397.496 0 0 1 0-.028Z"
transform="translate(200.372 154.13)"
fill="#fece85"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-37.134-25.846c4.45-18.951 26.731-29.874 49.777-24.455 8.815 2.1 16.468 6.27 22.279 11.717 9.411 8.738 14.089 20.739 11.31 32.428l-.509-.115z"
transform="translate(131.406 337.005)"
fill="#fe9900"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-33.363-32.853c2.778-11.688 12.302-20.313 24.633-23.945 7.625-2.241 16.356-2.581 25.171-.481 23.017 5.446 38.07 25.192 33.59 44.143z"
transform="translate(211.002 363.701)"
fill="#4fc122"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-48.926 6.014-34.47-25.703c4.48-18.952 26.76-29.874 49.805-24.456C-10.573-38.697 4.479-18.924 0 0"
transform="translate(344.429 370.255)"
fill="#fe9900"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-47.026 5.221-36.37-24.938c4.452-18.923 26.76-29.874 49.777-24.427C-10.602-38.697 4.45-18.951 0 0"
transform="translate(94.272 311.16)"
fill="#4fc122"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-92.126-21.76-151.767-103.069-133.229-181.654l83.396 19.717z"
transform="translate(144.106 473.097)"
fill="#80d261"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-46.063-10.866-68.372-83.38-49.833-161.937l65.423 15.461 17.943 4.228 9.44 71.833z"
transform="translate(144.106 473.097)"
fill="#fece85"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c33.533-43.321 37.502-88.118 116.928-122.531l83.395 19.689C181.812-24.285 92.125 21.76 0 0"
transform="translate(144.106 473.097)"
fill="#fece85"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 13.577-57.62 19.956-84.628 17.972 4.255 65.423 15.462C98.418-43.974 46.063 10.894 0 0"
transform="translate(144.106 473.097)"
fill="#80d261"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 23.103 5.447c-16.952 71.947-93.6 116.63-177.137 106.927C-78.973 105.735-37.871 80.401 0 0"
transform="translate(321.326 364.808)"
fill="#fdb440"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-38.834 63.891-135.751 94.898-231.703 92.97a421.142 421.142 0 0 1-31.096-.539c-3.826-.199-7.625-.483-11.452-.794 3.317-.256 6.634-.568 9.922-.937C-187.284 82.416-116.815 52.202-85.096 0c2.779-4.567 4.281-10.128 4.281-15.291v-.085c0-8.795-4.366-16.54-14.088-16.54h85.067c9.751 0 14.088 7.745 14.116 16.54v.085C4.252-10.128 2.778-4.567 0 0"
transform="translate(500.22 65.416)"
fill="#fdb440"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c15.619-16.426 26.93-36.427 32.287-59.151l-333.552-78.813C-319.803-59.379-260.162 21.931-168.036 43.69c50.144 11.859 99.58 3.603 137.195-19.036"
transform="translate(312.142 429.406)"
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 0c23.018 5.446 38.069 25.192 33.619 44.144l-83.395-19.717C-45.325 5.504-23.017-5.447 0 0Z"
transform="translate(60.653 267.016)"
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 0c23.017 5.447 38.068 25.222 33.59 44.145l-83.366-19.69C-45.326 5.504-23.046-5.419 0 0Z"
transform="translate(144.049 286.704)"
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 0c23.017 5.446 38.069 25.192 33.59 44.144l-83.395-19.717C-45.326 5.504-23.046-5.447 0 0Z"
transform="translate(227.443 306.422)"
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 0c23.018 5.447 38.069 25.221 33.591 44.145l-83.396-19.69C-45.325 5.504-23.045-5.419 0 0Z"
transform="translate(310.838 326.11)"
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 0c46.063 10.894 98.418-43.974 116.928-122.531l-83.905-19.831-82.856-19.575C-68.372-83.38-46.063-10.866 0 0ZM0 0l33.533-142.248"
transform="translate(144.106 473.097)"
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 0h8.106"
transform="translate(273.223 72.622)"
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 0h8.106"
transform="translate(222.001 115.121)"
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 0h8.107"
transform="translate(149.831 82.666)"
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 0h8.106"
transform="translate(381.62 72.622)"
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 0h8.107"
transform="translate(304.715 115.121)"
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-34.044 144.319m35.943 8.483L37.049 3.745"
transform="translate(200.372 154.102)"
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-30.331 6.838-62.815 9.958-95.188 9.306-95.952 1.9-192.896-29.079-231.702-92.97-7.54-12.398-5.669-31.916 9.808-31.916H126.68c15.476 0 17.347 19.518 9.836 31.916-21.005 34.527-58.96 59.465-104.57 74.784"
transform="translate(363.704 149.08)"
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