Add icons to this collection by clicking the heart icon.
Tree icon - also known as tree, nature, trees, travel, island, coconut tree, coconut, and islands. 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 24 24"
>
<linearGradient
id="a"
x1="12.028"
x2="22"
y1="5.518"
y2="5.518"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a2d2ff" />
<stop offset="1" stop-color="#92278f" />
</linearGradient>
<linearGradient id="b" x1="2" x2="11.972" y1="5.518" y2="5.518" href="#a" />
<linearGradient
id="c"
x1="2"
x2="22"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M14.369 7.29a10.65 10.65 0 0 1 5.012-2.935l-1.095 2.737-2.973.424a13.64 13.64 0 0 1 3.505 1.52l.324-.046a1 1 0 0 0 .787-.618l2-5a1 1 0 0 0-1.07-1.362A12.71 12.71 0 0 0 12.027 7a12.822 12.822 0 0 1 2.34.29z"
/>
<path
fill="url(#b)"
d="M4.071 8.372a1 1 0 0 0 .787.618l.324.046A14.186 14.186 0 0 1 11.972 7a12.71 12.71 0 0 0-8.83-4.99.99.99 0 0 0-.928.372 1.001 1.001 0 0 0-.143.99z"
/>
<path
fill="url(#c)"
d="M21.857 13.485C18.604 8.063 12.268 8 12 8s-6.604.063-9.857 5.485A1 1 0 0 0 3 15h5a.999.999 0 0 0 .78-.375l2.74-3.424.138.554A9.027 9.027 0 0 1 9.55 20H6a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2h-5.93a11.09 11.09 0 0 0 1.791-7.073l1.358 1.698A.999.999 0 0 0 16 15h5a1 1 0 0 0 .857-1.515zM7.52 13H5.014a9.919 9.919 0 0 1 4.602-2.621z"
/>
</g>
</svg>
More icons in the same style and category