Add icons to this collection by clicking the heart icon.
Tree icon - also known as tree, nature, wood, forest, gardening, and botanical. Created in a clean 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="7.01"
x2="36.68"
y1="10.49"
y2="59.66"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#568b3e" />
<stop offset="1" stop-color="#fff22e" />
</linearGradient>
<linearGradient
id="b"
x1="5.52"
x2="35.19"
y1="11.39"
y2="60.56"
href="#a"
/>
<linearGradient
id="c"
x1="16.83"
x2="46.5"
y1="4.56"
y2="53.73"
href="#a"
/>
<linearGradient
id="d"
x1="20.68"
x2="50.35"
y1="2.24"
y2="51.41"
href="#a"
/>
<linearGradient
id="e"
x1="7.32"
x2="36.99"
y1="10.3"
y2="59.47"
href="#a"
/>
<linearGradient
id="f"
x1="27.85"
x2="57.52"
y1="-2.08"
y2="47.08"
href="#a"
/>
<path
fill="url(#a)"
d="M39 61H25a1 1 0 0 1-.88-.53 1 1 0 0 1 .05-1L28 53.7V37.19a1 1 0 0 1 1.51-.86 5 5 0 0 0 5 0 1 1 0 0 1 1.51.86V53.7l3.83 5.75a1 1 0 0 1 .05 1 1 1 0 0 1-.9.55zm-12.13-2h10.26l-3-4.45A1 1 0 0 1 34 54V38.71a7.16 7.16 0 0 1-4 0V54a1 1 0 0 1-.17.55z"
/>
<path
fill="url(#b)"
d="M29 50.81a1 1 0 0 1-.73-.31L17.14 38.68a1 1 0 0 1-.14-1.19 1 1 0 0 1 1-.49 2 2 0 0 0 1.86-1.32 1 1 0 0 1 .72-.66 1 1 0 0 1 .94.26l8.18 8.18a1 1 0 0 1 .29.71v5.64a1 1 0 0 1-.63.93 1 1 0 0 1-.36.07zm-9.21-12.23L28 47.29v-2.71l-7-7-.2.22a4.23 4.23 0 0 1-1.01.78z"
/>
<path
fill="url(#c)"
d="M35 50.81a1 1 0 0 1-.37-.07 1 1 0 0 1-.63-.93v-5.64a1 1 0 0 1 .29-.71l8.18-8.18a1 1 0 0 1 .94-.26 1 1 0 0 1 .72.66A2 2 0 0 0 46 37a1 1 0 0 1 1 .49 1 1 0 0 1-.13 1.19L35.73 50.5a1 1 0 0 1-.73.31zm1-6.23v2.71l8.21-8.71a4.23 4.23 0 0 1-1-.75l-.2-.22z"
/>
<path
fill="url(#d)"
d="M32 39a6.92 6.92 0 0 1-3.51-1A7 7 0 0 1 25 32V10a7 7 0 0 1 14 0v22a6.89 6.89 0 0 1-2.06 5 6.66 6.66 0 0 1-1.45 1.11A6.89 6.89 0 0 1 32 39zm0-34a5 5 0 0 0-5 5v22a5 5 0 0 0 7.49 4.33 4.73 4.73 0 0 0 1-.8A4.92 4.92 0 0 0 37 32V10a5 5 0 0 0-5-5z"
/>
<path
fill="url(#e)"
d="M18 39h-.24A4 4 0 0 1 14 35V21a4 4 0 0 1 8 0v14a3.6 3.6 0 0 1-.25 1.35 3.78 3.78 0 0 1-.92 1.48A4 4 0 0 1 18 39zm0-20a2 2 0 0 0-2 2v14a2 2 0 0 0 1.91 2H18a2 2 0 0 0 1.86-1.32A1.9 1.9 0 0 0 20 35V21a2 2 0 0 0-2-2z"
/>
<path
fill="url(#f)"
d="M46 39a4 4 0 0 1-2.83-1.17 3.88 3.88 0 0 1-.94-1.53A3.54 3.54 0 0 1 42 35V21a4 4 0 0 1 8 0v14a4 4 0 0 1-3.76 4zm0-20a2 2 0 0 0-2 2v14a1.85 1.85 0 0 0 .11.63 2.06 2.06 0 0 0 .48.78A1.94 1.94 0 0 0 46 37h.1a2 2 0 0 0 1.9-2V21a2 2 0 0 0-2-2z"
/>
</svg>
More icons in the same style and category