Add icons to this collection by clicking the heart icon.
Beach icon - also known as sea, tropical, summertime, beach, holidays, palm tree, island, vacation, and holiday. Created in a clean flat gradient 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"
>
<linearGradient id="lg1">
<stop offset="0" stop-color="#ff3f62" />
<stop offset="1" stop-color="#ff9478" />
</linearGradient>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="10.293"
x2="51.707"
y1="70.707"
y2="29.293"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#ffc477" />
<stop offset="1" stop-color="#ffdaaa" />
</linearGradient>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="5.048"
x2="28.492"
y1="65.462"
y2="42.017"
href="#lg2"
/>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="42.293"
x2="53.707"
y1="42.707"
y2="31.293"
href="#lg2"
/>
<linearGradient id="lg3">
<stop offset="0" stop-color="#6a563d" />
<stop offset="1" stop-color="#806749" />
</linearGradient>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="44.396"
x2="52.103"
y1="32.396"
y2="24.689"
href="#lg3"
/>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="18.88"
x2="25.12"
y1="21.12"
y2="14.88"
href="#lg2"
/>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="13.044"
x2="30.957"
y1="23.456"
y2="5.543"
href="#lg3"
/>
<linearGradient
id="SVGID_7_"
gradientUnits="userSpaceOnUse"
x1="21.879"
x2="26.121"
y1="20.121"
y2="15.879"
href="#lg1"
/>
<linearGradient
id="SVGID_8_"
gradientUnits="userSpaceOnUse"
x1="5.499"
x2="23.674"
y1="39.714"
y2="21.54"
>
<stop offset=".0108" stop-color="#554431" />
<stop offset="1" stop-color="#5f4d37" />
</linearGradient>
<linearGradient
id="SVGID_9_"
gradientUnits="userSpaceOnUse"
x1="4.104"
x2="10.311"
y1="50.104"
y2="43.896"
href="#lg1"
/>
<linearGradient
id="SVGID_10_"
gradientUnits="userSpaceOnUse"
x1="44.293"
x2="52.207"
y1="49.707"
y2="41.793"
href="#lg3"
/>
<g>
<g>
<g>
<g>
<path
d="m63 41h-37.817c-5.008-2.654-10.451-4-16.183-4h-8c-.553 0-1 .447-1 1v22c0 .553.447 1 1 1h62c.553 0 1-.447 1-1v-18c0-.553-.447-1-1-1z"
fill="url(#SVGID_1_)"
/>
<g>
<g>
<path
d="m42.823 59.404c-1.052-2.148-11.577-22.404-33.823-22.404h-8c-.553 0-1 .447-1 1v22c0 .553.447 1 1 1h41c.007.001.015 0 .019 0 .553 0 1-.447 1-1 0-.224-.072-.43-.196-.596z"
fill="url(#SVGID_2_)"
/>
<path
d="m57.851 35.474c-.183-.294-.504-.474-.851-.474h-18c-.347 0-.668.18-.851.475s-.199.663-.044.973l2 4c.17.338.516.552.895.552h14c.379 0 .725-.214.894-.553l2-4c.156-.309.139-.678-.043-.973z"
fill="url(#SVGID_3_)"
/>
</g>
</g>
</g>
<path
d="m50 35 4.8-6.4c.299-.398.259-.955-.093-1.307l-6-6c-.286-.286-.716-.371-1.09-.217-.374.155-.617.52-.617.924v13z"
fill="url(#SVGID_4_)"
/>
<path
d="m24 15c-.772 0-1.468.301-2 .78-.532-.48-1.229-.78-2-.78-1.654 0-3 1.346-3 3s1.346 3 3 3c.771 0 1.468-.301 2-.78.532.479 1.228.78 2 .78 1.654 0 3-1.346 3-3s-1.346-3-3-3z"
fill="url(#SVGID_5_)"
/>
<path
d="m35.894 18.553c-.078-.156-1.956-3.837-5.767-4.91-1.739-.489-3.576-.347-5.478.403 3.507-5.237 7.867-4.142 8.076-4.085.527.151 1.084-.155 1.236-.687.151-.531-.156-1.084-.688-1.236-.064-.017-5.359-1.431-9.625 3.99-.409-6.663-6.226-8.938-6.298-8.965-.521-.193-1.09.068-1.285.582-.195.515.065 1.092.579 1.289.238.091 4.851 1.95 5.009 7.564-.576-1.001-1.317-1.861-2.241-2.557-3.881-2.924-9.361-1.97-9.592-1.927-.542.101-.901.62-.803 1.163s.618.899 1.161.807c.047-.01 4.867-.836 8.04 1.562.956.722 1.675 1.678 2.152 2.857-6.787-4.266-13.009 1.819-13.077 1.889-.39.39-.39 1.021-.001 1.412.39.392 1.022.393 1.414.004.215-.214 4.534-4.388 9.559-2.148.492-.349 1.087-.56 1.735-.56.771 0 1.468.301 2 .78.532-.48 1.228-.78 2-.78.731 0 1.394.273 1.914.709 1.288-.415 2.512-.464 3.656-.145 2.955.823 4.52 3.854 4.535 3.883.176.351.529.553.896.553.15 0 .303-.034.446-.106.494-.247.695-.847.447-1.341z"
fill="url(#SVGID_6_)"
/>
<circle cx="24" cy="18" fill="url(#SVGID_7_)" r="3" />
</g>
<path
d="m22 20.22c-.528.476-1.219.774-1.983.779-5.087 10.102-15.721 15.304-17.232 16.001h6.215c1.242 0 2.443.072 3.612.191 3.786-2.425 9.611-7.548 10.316-16.396-.343-.135-.658-.331-.928-.575z"
fill="url(#SVGID_8_)"
/>
</g>
<path
d="m14 50h-7c-.553 0-1-.447-1-1s.447-1 1-1h7c.553 0 1 .447 1 1s-.447 1-1 1zm-4-6h-10v2h10c.553 0 1-.447 1-1s-.447-1-1-1z"
fill="url(#SVGID_9_)"
/>
<path
d="m54 46h-12c-.553 0-1-.447-1-1s.447-1 1-1h12c.553 0 1 .447 1 1s-.447 1-1 1zm-1 2c0-.553-.447-1-1-1h-7c-.553 0-1 .447-1 1s.447 1 1 1h7c.553 0 1-.447 1-1zm-2 3c0-.553-.447-1-1-1h-3c-.553 0-1 .447-1 1s.447 1 1 1h3c.553 0 1-.447 1-1z"
fill="url(#SVGID_10_)"
/>
</g>
</svg>
More icons in the same style and category