Add icons to this collection by clicking the heart icon.
Island icon - also known as nature, landscape, beach, holidays, island, and sun. 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="a"
x1="-16.697"
x2="43.277"
y1="44.841"
y2="-4.392"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="-22.092"
x2="37.883"
y1="38.269"
y2="-10.963"
href="#a"
/>
<linearGradient
id="c"
x1="-23.583"
x2="36.391"
y1="36.453"
y2="-12.78"
gradientTransform="rotate(30 10.498 8.47)"
href="#a"
/>
<linearGradient
id="d"
x1="-23.23"
x2="36.745"
y1="36.883"
y2="-12.35"
gradientTransform="rotate(60 6.474 12.501)"
href="#a"
/>
<linearGradient
id="e"
x1="-21.126"
x2="38.849"
y1="39.446"
y2="-9.786"
href="#a"
/>
<linearGradient
id="f"
x1="-17.835"
x2="42.139"
y1="43.455"
y2="-5.778"
gradientTransform="rotate(30 6.475 23.495)"
href="#a"
/>
<linearGradient
id="g"
x1="-14.24"
x2="45.735"
y1="47.835"
y2="-1.398"
gradientTransform="rotate(60 10.5 27.53)"
href="#a"
/>
<linearGradient
id="h"
x1="-11.303"
x2="48.672"
y1="51.413"
y2="2.18"
href="#a"
/>
<linearGradient
id="i"
x1="-9.811"
x2="50.163"
y1="53.23"
y2="3.997"
gradientTransform="rotate(30 21.499 27.518)"
href="#a"
/>
<linearGradient
id="j"
x1="-10.165"
x2="49.81"
y1="52.799"
y2="3.566"
gradientTransform="rotate(60 25.528 23.503)"
href="#a"
/>
<linearGradient
id="k"
x1="-12.269"
x2="47.706"
y1="50.236"
y2="1.003"
href="#a"
/>
<linearGradient
id="l"
x1="-15.559"
x2="44.415"
y1="46.227"
y2="-3.006"
gradientTransform="rotate(30 25.523 12.496)"
href="#a"
/>
<linearGradient
id="m"
x1="-19.155"
x2="40.82"
y1="41.847"
y2="-7.386"
gradientTransform="rotate(60 21.502 8.476)"
href="#a"
/>
<linearGradient
id="n"
x1="2.809"
x2="62.784"
y1="68.603"
y2="19.371"
href="#a"
/>
<linearGradient
id="o"
x1="-2.959"
x2="57.015"
y1="61.577"
y2="12.344"
href="#a"
/>
<linearGradient
id="p"
x1="4.586"
x2="64.561"
y1="70.768"
y2="21.535"
href="#a"
/>
<linearGradient
id="q"
x1="4.501"
x2="64.476"
y1="70.665"
y2="21.432"
href="#a"
/>
<linearGradient
id="r"
x1="-3.105"
x2="56.869"
y1="61.398"
y2="12.166"
href="#a"
/>
<linearGradient
id="s"
x1="5.928"
x2="65.902"
y1="72.403"
y2="23.17"
href="#a"
/>
<linearGradient
id="t"
x1="8.87"
x2="68.845"
y1="75.987"
y2="26.754"
href="#a"
/>
<circle cx="16" cy="18" r="7" fill="url(#a)" />
<path fill="url(#b)" d="M15 6h2v2h-2z" />
<path
fill="url(#c)"
d="M9.5 7.473h2v2h-2z"
transform="rotate(-30 10.497 8.473)"
/>
<path
fill="url(#d)"
d="M5.473 11.5h2v2h-2z"
transform="rotate(-60 6.475 12.502)"
/>
<path fill="url(#e)" d="M4 17h2v2H4z" />
<path
fill="url(#f)"
d="M5.473 22.5h2v2h-2z"
transform="rotate(-30 6.471 23.496)"
/>
<path
fill="url(#g)"
d="M9.5 26.526h2v2h-2z"
transform="rotate(-60 10.502 27.529)"
/>
<path fill="url(#h)" d="M15 28h2v2h-2z" />
<path
fill="url(#i)"
d="M20.5 26.526h2v2h-2z"
transform="rotate(-30 21.493 27.524)"
/>
<path
fill="url(#j)"
d="M24.526 22.5h2v2h-2z"
transform="rotate(-60 25.53 23.501)"
/>
<path fill="url(#k)" d="M26 17h2v2h-2z" />
<path
fill="url(#l)"
d="M24.526 11.5h2v2h-2z"
transform="rotate(-30 25.52 12.5)"
/>
<path
fill="url(#m)"
d="M20.5 7.473h2v2h-2z"
transform="rotate(-60 21.502 8.474)"
/>
<path
fill="url(#n)"
d="M59.625 27.211c.111.109.235.229.359.348A6.008 6.008 0 0 0 54 22a5.889 5.889 0 0 0-2.034.36 7.008 7.008 0 0 1-.658 2.442A5.312 5.312 0 0 1 54 24c2.329 0 4.233 1.856 5.625 3.211z"
/>
<path
fill="url(#o)"
d="M40 24c2.327 0 4.226 1.847 5.612 3.2l.324.312.039-.03-.006-.057a4.221 4.221 0 0 0-.14-.812.973.973 0 0 1-.024-.107 6 6 0 0 0-11.789 1.058l.36-.348C35.767 25.856 37.671 24 40 24z"
/>
<path
fill="url(#p)"
d="M45.85 29.992a2.036 2.036 0 0 1-.181-.1 16.012 16.012 0 0 0-.875 13.259A18.574 18.574 0 0 1 47 43h.121c-1.559-3.791-1.4-8.773-1.294-12.215l.023-.793z"
/>
<path
fill="url(#q)"
d="M52.874 37.288a5 5 0 0 0-4.909-8.652l-.006.049.221.079c1.452.524 3.442 1.241 4.419 2.932s.6 3.773.329 5.292l-.054.3z"
/>
<path
fill="url(#r)"
d="M47.6 20.3c.978 1.692.6 3.771.326 5.289l-.056.31A5.009 5.009 0 0 0 50 21.7a5.087 5.087 0 0 0-.668-2.4 5.008 5.008 0 0 0-6.432-2.033l.275.1c1.456.523 3.448 1.24 4.425 2.933z"
/>
<path
fill="url(#s)"
d="M59.936 50.25a6.025 6.025 0 0 0-1.584-1.089A20.1 20.1 0 0 0 47 45a16.957 16.957 0 0 0-2.709.227 17.841 17.841 0 0 0-8.54 3.681 4.778 4.778 0 0 0-1.011-.108 4.682 4.682 0 0 0-3.387 1.449 2.722 2.722 0 0 1-4.133 0 4.684 4.684 0 0 0-6.777 0 2.721 2.721 0 0 1-4.132 0 4.69 4.69 0 0 0-6.78 0 2.728 2.728 0 0 1-4.14 0A4.691 4.691 0 0 0 2 48.8v2a2.773 2.773 0 0 1 2.07.951 4.692 4.692 0 0 0 6.782 0 2.726 2.726 0 0 1 4.138 0 4.684 4.684 0 0 0 6.776 0 2.72 2.72 0 0 1 4.131 0 4.685 4.685 0 0 0 6.778 0 2.72 2.72 0 0 1 4.131 0 4.683 4.683 0 0 0 6.776 0 2.719 2.719 0 0 1 4.13 0 4.678 4.678 0 0 0 6.772 0 2.718 2.718 0 0 1 4.129 0A4.679 4.679 0 0 0 62 53.2v-2a2.765 2.765 0 0 1-2.064-.95z"
/>
<path
fill="url(#t)"
d="M56.548 54.8a4.676 4.676 0 0 0-3.386 1.45 2.717 2.717 0 0 1-4.128 0 4.681 4.681 0 0 0-6.774 0 2.721 2.721 0 0 1-4.132 0 4.684 4.684 0 0 0-6.775 0 2.722 2.722 0 0 1-4.133 0 4.684 4.684 0 0 0-6.777 0 2.721 2.721 0 0 1-4.132 0 4.69 4.69 0 0 0-6.78 0 2.728 2.728 0 0 1-4.14 0A4.691 4.691 0 0 0 2 54.8v2a2.773 2.773 0 0 1 2.07.951 4.692 4.692 0 0 0 6.782 0 2.726 2.726 0 0 1 4.138 0 4.684 4.684 0 0 0 6.776 0 2.72 2.72 0 0 1 4.131 0 4.685 4.685 0 0 0 6.778 0 2.72 2.72 0 0 1 4.131 0 4.683 4.683 0 0 0 6.776 0 4.21 4.21 0 0 1 1.054-.741l2-.008a4.158 4.158 0 0 1 1.074.749 4.678 4.678 0 0 0 6.772 0 2.718 2.718 0 0 1 4.129 0A4.679 4.679 0 0 0 62 59.2v-2a2.765 2.765 0 0 1-2.064-.95 4.679 4.679 0 0 0-3.388-1.45z"
/>
</svg>
More icons in the same style and category