Add icons to this collection by clicking the heart icon.
Beach icon - also known as hat, summer, fashion, protection, beach, holidays, accessory, and sunhat. Created in a clean lineal color style with a black, red, 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 0c24.093 157.962 166.631 150.808 166.631 150.808S309.169 157.962 333.262 0z"
transform="translate(89.37 258.112)"
fill="#f8d070"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.303.804-15 .519-15 .519S-157.538 7.673-181.631-150.29h30C-132.354-23.896-37.246-3.218 0 0"
transform="translate(271 408.401)"
fill="#ffa83f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s135.571-113.996 248.5-14.25v62.088H128.598L45.814 26.124Z"
transform="translate(7.5 158.197)"
fill="#ffa83f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-340.174c0 17.55 1.214 33.557 3.456 48.147 40.294 17.919 95.683 33.44 166.631 33.44S-43.75 66.066-3.456 48.147C-1.214 33.557 0 17.55 0 0"
transform="translate(426.087 209.965)"
fill="#ff748f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.686 15.983 17.685 37.458 35.688 42.75 26.225 7.708 42.166-26.432 42.304-47.527.077-11.808-2.616-24.135-7.658-34.842L20.065-52.817l-41.044 22.67z"
transform="translate(162.377 283.496)"
fill="#f5385d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.675 10.637-33.805 23.94-52.086 19.705-26.629-6.169-23.742-43.736-13.5-62.179C-59.854-52.797-51.452-62.211-41.8-69.06L8.469-55.862l24.613 39.908z"
transform="translate(108.316 269.302)"
fill="#f5385d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.303 16.75-12.532 49.271 6.902 59.722-7.716 2.913-15.721 4.236-23.402 2.457C-43.129 56.01-40.242 18.442-30 0c5.732-10.323 14.134-19.737 23.786-26.586l22.637 5.943C9.882-14.692 4.217-7.594 0 0"
transform="translate(72.73 226.829)"
fill="#e3254c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.697 14.08-12.715 25.661-24.536 32.832-6.217-8.25-10.876-18.079-14.363-26.416l-20.979-30.147 41.044-22.67 29.017 7.618z"
transform="translate(201.276 277.08)"
fill="#e3254c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-18.062-4.742c-13.144-3.451-21.001-16.903-17.55-30.046L-25.43-73.57l65.658 17.238-10.183 38.783C26.594-4.406 13.143 3.451 0 0"
transform="translate(142.215 287.01)"
fill="#ff748f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s80.76 86.767 248.5 86.767S497 0 497 0C384.071-99.747 248.5-14.25 248.5-14.25 161.847 24.767 101.431 45.124 0 0"
transform="translate(7.5 158.197)"
fill="#f8d070"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.382"
transform="translate(191.564 356.05)"
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-12.382"
transform="translate(320.437 356.05)"
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 0c4.131-4.74 10.207-7.74 16.988-7.74 6.782 0 12.858 3 16.989 7.74"
transform="translate(239.012 344.038)"
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 0s135.571-113.996 248.5-14.25C161.847 24.767 101.43 45.124 0 0Z"
transform="translate(7.5 158.197)"
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 0c19.25 6.87 41.143 12.873 65.7 17.074l-8.078 30.767c-3.451 13.143-16.902 21-30.045 17.55L9.515 60.648c-13.143-3.451-21-16.902-17.55-30.045z"
transform="translate(114.638 221.62)"
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 0c13.654 7.341 29.705 14.728 48.192 21.325l-8.035 30.603a24.508 24.508 0 0 0 1.714 17.08C28.195 79.646 8.066 92.948-10.215 88.713c-26.629-6.169-23.742-43.736-13.5-62.179C-17.996 16.237-9.621 6.845 0 0Z"
transform="translate(66.445 200.294)"
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 8.078-30.768c16.355 2.798 33.879 4.803 52.613 5.715 4.884 10.583 7.495 22.697 7.418 34.311-.138 21.095-16.08 55.235-42.304 47.528C7.801 51.494-3.197 30.019-9.883 14.035A24.497 24.497 0 0 0 0 0Z"
transform="translate(172.26 269.46)"
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-29.808 7.28-64.298 12.033-103.554 12.033-167.74 0-248.5-86.767-248.5-86.767 101.43 45.124 161.847 24.767 248.5-14.249 0 0 135.572-85.497 248.5 14.249 0 0-38.001 40.819-115.998 66.462"
transform="translate(359.554 232.93)"
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 0c13.77-4.528 26.297-9.527 37.585-14.692 0 17.55-1.213 33.557-3.455 48.146-40.294 17.92-95.682 33.441-166.631 33.441-5.861 0-11.605-.116-17.254-.32 1.044-4.383 1.598-8.666 1.623-12.514.076-11.614-2.534-23.728-7.418-34.311l.252.003c7.414.358 15.008.553 22.797.553 39.26 0 73.744-4.758 103.553-12.039"
transform="translate(388.501 224.657)"
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-12.929-17.162-23.763-39.012-30.555-66.849 5.38-3.269 10.376-6.915 14.72-10.294 3.039 6.19 8.643 11.077 15.836 12.966l18.062 4.742c7.193 1.889 14.475.384 20.163-3.514 6.685 15.983 17.683 37.458 35.687 42.75 21.441 6.302 36.006-15.369 40.682-35.013 5.648.204 11.392.319 17.254.319 70.949 0 126.337-15.521 166.63-33.44-24.092 157.962-166.63 150.808-166.63 150.808S69.388 65.591 20.172 21.883"
transform="translate(124.151 346.445)"
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