Add icons to this collection by clicking the heart icon.
Beach icon - also known as nature, landscape, beach, island, and sun. Created in a clean lineal 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="928pt"
height="928pt"
viewBox="-58 0 928 928.199"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="464.1"
x2="464.1"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="416.662"
x2="416.662"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="370.88"
x2="370.88"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="323.544"
x2="323.544"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="354.779"
x2="354.779"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="214.223"
x2="214.223"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="448.482"
x2="448.482"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="635.89"
x2="635.89"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="667.125"
x2="667.125"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="776.446"
x2="776.446"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="573.421"
x2="573.421"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="682.742"
x2="682.742"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="542.725"
x2="542.725"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="726.361"
x2="726.361"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="385.474"
x2="385.474"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="201.838"
x2="201.838"
y1="833.311"
y2="-92.171"
gradientTransform="matrix(.99979 0 0 -.99979 -57.95 895.339)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M812.012 464c0-224.207-181.754-405.96-405.961-405.96S.086 239.792.086 464 181.844 869.965 406.05 869.965c224.101-.25 405.71-181.86 405.96-405.965zM406.05 89.266c177.441.21 330.496 124.64 366.926 298.304l-13.817.985A327.876 327.876 0 0 0 572.574 464H425.316c34.778-88.25-8.57-187.984-96.82-222.766-88.254-34.777-187.988 8.57-222.766 96.825a171.728 171.728 0 0 0 0 125.941H31.312c.243-206.86 167.875-374.496 374.739-374.734zM139.988 464c-34.879-69.332-6.945-153.809 62.383-188.688 69.332-34.878 153.813-6.945 188.688 62.387a140.506 140.506 0 0 1 0 126.301zm-107.27 31.227h507.255A326.67 326.67 0 0 0 485.789 576a243.367 243.367 0 0 1-142.633 126.723L175.06 758.746a374.387 374.387 0 0 1-142.34-263.52zm373.333 343.507a372.407 372.407 0 0 1-199.313-57.632l146.223-48.762a274.795 274.795 0 0 0 161.043-143.055c45.746-97.07 140.308-161.906 247.344-169.582l16.582-1.187c25.488 205.011-120.04 391.87-325.051 417.359a373.851 373.851 0 0 1-46.828 2.86zm0 0"
/>
<path
fill="url(#c)"
d="m373.262 383.34-30.793 5.183a79.175 79.175 0 0 1 0 26.043l30.793 5.184a110.164 110.164 0 0 0 0-36.41zm0 0"
/>
<path
fill="url(#d)"
d="M265.523 292.246v31.23a78.395 78.395 0 0 1 67.641 39.032l27.012-15.613c-19.578-33.762-55.625-54.575-94.653-54.649zm0 0"
/>
<path fill="url(#e)" d="M78.156 526.457h374.735v31.227H78.156zm0 0" />
<path fill="url(#f)" d="M203.07 588.91h187.368v31.23H203.07zm0 0" />
<path fill="url(#e)" d="M218.684 651.367h93.683v31.227h-93.683zm0 0" />
<path fill="url(#g)" d="M140.613 588.91h31.227v31.23h-31.227zm0 0" />
<path fill="url(#h)" d="M374.82 760.664h31.23v31.23h-31.23zm0 0" />
<path fill="url(#i)" d="M562.191 713.824h31.227v31.227h-31.227zm0 0" />
<path fill="url(#j)" d="M593.418 588.91h31.227v31.23h-31.227zm0 0" />
<path fill="url(#k)" d="M702.715 526.457h31.23v31.227h-31.23zm0 0" />
<path
fill="url(#l)"
d="M515.348 261.02c4.14 0 8.109-1.649 11.039-4.575l31.226-31.23-22.078-22.078-20.187 20.187-20.188-20.187-22.078 22.078 31.227 31.23a15.618 15.618 0 0 0 11.039 4.575zm0 0"
/>
<path
fill="url(#m)"
d="M624.645 370.316c4.14 0 8.113-1.644 11.039-4.574l31.226-31.23-22.078-22.078-20.187 20.191-20.188-20.191-22.078 22.078 31.226 31.23a15.608 15.608 0 0 0 11.04 4.574zm0 0"
/>
<path
fill="url(#n)"
d="M470.645 928c10.82-1.563 21.687-3.387 32.304-5.621l-6.43-30.555a439.702 439.702 0 0 1-30.152 5.246zm0 0"
/>
<path
fill="url(#o)"
d="m809.844 701.55-26.887-15.831a435.81 435.81 0 0 1-256.289 198.625l8.586 30.023a466.85 466.85 0 0 0 274.59-212.816zm0 0"
/>
<path
fill="url(#p)"
d="M315.582 36.176a438.875 438.875 0 0 1 30.152-5.246L341.454 0c-10.821 1.563-21.688 3.387-32.306 5.621zm0 0"
/>
<path
fill="url(#q)"
d="m2.258 226.45 26.887 15.831A435.787 435.787 0 0 1 285.434 43.656l-8.59-30.023A466.842 466.842 0 0 0 2.258 226.449zm0 0"
/>
</svg>
More icons in the same style and category