Add icons to this collection by clicking the heart icon.
Tree icon - also known as tree, nature, and botanic. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#bbec6c" />
<stop offset=".29" stop-color="#abdc59" />
<stop offset=".873" stop-color="#82b22a" />
<stop offset="1" stop-color="#78a91f" />
</linearGradient>
<linearGradient
id="f"
x1="117.001"
x2="132.001"
y1="360.049"
y2="360.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="70.94"
x2="139.44"
y1="271.059"
y2="370.559"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#026841" stop-opacity="0" />
<stop offset=".238" stop-color="#076743" stop-opacity=".238" />
<stop offset=".52" stop-color="#156349" stop-opacity=".52" />
<stop offset=".823" stop-color="#2d5d52" stop-opacity=".823" />
<stop offset="1" stop-color="#3e5959" />
</linearGradient>
<linearGradient
id="h"
x1="34.995"
x2="34.995"
y1="302.757"
y2="254.461"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f89580" />
<stop offset="1" stop-color="#c4573a" />
</linearGradient>
<linearGradient
id="i"
x1="144.522"
x2="165.522"
y1="243.316"
y2="312.316"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="415.278"
x2="472.778"
y1="286.456"
y2="387.456"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="462.956"
x2="462.956"
y1="307.333"
y2="270.816"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="385.152"
x2="373.818"
y1="336.194"
y2="315.861"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="416.212"
x2="399.212"
y1="386.519"
y2="362.853"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="327.63"
x2="368.934"
y1="262.37"
y2="303.674"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c4573a" stop-opacity="0" />
<stop offset="1" stop-color="#883f2e" />
</linearGradient>
<linearGradient
id="o"
x1="361.833"
x2="339.998"
y1="306.521"
y2="306.521"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="175.708"
x2="315.009"
y1="356.582"
y2="356.582"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="269.346"
x2="370.167"
y1="360.945"
y2="291.63"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="235.459"
x2="87.377"
y1="390.153"
y2="513.029"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="255"
x2="255"
y1="465.891"
y2="512.47"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="226.532"
x2="178.532"
y1="369.632"
y2="324.132"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="373.799"
x2="413.799"
y1="265.347"
y2="369.347"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="335.082"
x2="335.082"
y1="300"
y2="250.711"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="213.065"
x2="252.065"
y1="255.088"
y2="328.588"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="195.961"
x2="328.67"
y1="93.001"
y2="335.96"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#02905d" />
<stop offset="1" stop-color="#3e5959" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#384949" stop-opacity="0" />
<stop offset="1" stop-color="#384949" />
</linearGradient>
<linearGradient
id="y"
x1="255"
x2="255"
y1="173.18"
y2="362.019"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="282.125"
x2="382.198"
y1="58.898"
y2="14.471"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="155.566"
x2="61.7"
y1="88.421"
y2="116.253"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="B"
x1="254.977"
x2="350.883"
y1="170.249"
y2="264.157"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="C"
x1="347.629"
x2="478.059"
y1="86.32"
y2="82.5"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M132.001 314.021v92.056a7.5 7.5 0 0 1-15 0v-92.056a7.5 7.5 0 0 1 15 0z"
/>
<path
fill="url(#g)"
d="M75.473 381.5c-26.455 0-47.978-21.523-47.978-47.978V206.873h15v126.649c0 18.184 14.794 32.978 32.978 32.978s32.978-14.794 32.978-32.978V206.873h15v126.649c0 26.455-21.523 47.978-47.978 47.978z"
/>
<path fill="url(#h)" d="M27.495 206.873h15v116.46h-15z" />
<path
fill="url(#i)"
d="M106.71 206.909v26.882c0 12.533 2.727 24.643 7.889 35.664 4.265 9.105 17.386 8.725 20.94-.68a49.644 49.644 0 0 0 3.19-17.582v-48.596h25v48.596c0 12.223-2.922 23.994-8.429 34.523-5.932 11.343-.336 25.368 11.949 28.964a84.385 84.385 0 0 0 23.731 3.381h41.206v25H190.98c-29.188 0-56.628-11.366-77.267-32.004-20.636-20.64-32.003-48.08-32.003-77.267v-26.882h25z"
/>
<path
fill="url(#j)"
d="M422.478 404.064c-26.455 0-47.978-21.523-47.978-47.978V229.438h15v126.649c0 18.184 14.794 32.978 32.978 32.978s32.978-14.794 32.978-32.978V229.438h15v126.649c0 26.455-21.523 47.977-47.978 47.977z"
/>
<path fill="url(#k)" d="M455.456 229.438h15v101.761h-15z" />
<path
fill="url(#l)"
d="M389.5 356.086V298h-15v58.086c0 2.835.261 5.609.735 8.31h15.327a32.91 32.91 0 0 1-1.062-8.31z"
/>
<path
fill="url(#m)"
d="M443.5 381.475c-5.711 4.737-13.04 7.59-21.022 7.59-15.314 0-28.222-10.494-31.916-24.668l-14.222 4.816c5.725 20.092 24.234 34.852 46.138 34.852 7.537 0 14.67-1.752 21.022-4.862z"
/>
<path
fill="url(#n)"
d="M391.038 218.297v40.629a30.438 30.438 0 0 1-8.915 21.522c-7.649 7.649-20.051 7.649-27.7 0l-11.361-11.361c-8.975-8.976-13.918-20.909-13.918-33.601V193.7h-25v41.787c0 19.37 7.543 37.581 21.24 51.278l.942.942c13.403 13.403 13.403 35.134 0 48.537l-28.653 28.653 21.011 14.344 81.115-81.115a55.44 55.44 0 0 0 16.237-39.2v-40.629z"
/>
<path
fill="url(#o)"
d="M382.531 280.021c-.137.142-.268.288-.407.428-7.649 7.649-20.051 7.649-27.7 0l-11.361-11.361a47.726 47.726 0 0 1-7.981-10.582v44.127a34.479 34.479 0 0 1 0 18.686v27.322c0 5.242 6.338 7.867 10.044 4.16l37.404-37.404v-35.376z"
/>
<path
fill="url(#p)"
d="M293.01 203.164h-76.019s-.721 171.75-92.398 262.878C108.327 482.21 119.946 510 142.88 510h224.24c22.934 0 34.553-27.79 18.287-43.958-91.676-91.128-92.397-262.878-92.397-262.878z"
/>
<path
fill="url(#q)"
d="M274.959 203.164H235.04s-.379 171.75-48.52 262.878C177.98 482.21 184.081 510 196.124 510h117.752c12.043 0 18.144-27.79 9.603-43.958-48.141-91.128-48.52-262.878-48.52-262.878z"
/>
<path
fill="url(#r)"
d="M274.959 203.164H235.04s-.379 171.75-48.52 262.878C177.98 482.21 184.081 510 196.124 510h117.752c12.043 0 18.144-27.79 9.603-43.958-48.141-91.128-48.52-262.878-48.52-262.878z"
/>
<path
fill="url(#s)"
d="M124.593 466.042C108.327 482.21 119.946 510 142.88 510h224.24c22.934 0 34.553-27.79 18.287-43.958-18.842-18.729-33.835-40.866-45.776-64.215H170.369c-11.942 23.349-26.934 45.486-45.776 64.215z"
/>
<path
fill="url(#t)"
d="M385.407 466.042c-91.677-91.128-92.398-262.878-92.398-262.878h-53.431v72.466c0 23.65-17.206 43.345-39.755 47.258-12.919 49.181-35.556 103.716-75.231 143.154C108.327 482.21 119.946 510 142.88 510h224.24c22.934 0 34.553-27.79 18.287-43.958z"
/>
<path
fill="url(#u)"
d="M375.561 376.771c-26.456 0-47.979-21.523-47.979-47.978V202.144h15v126.649c0 18.184 14.794 32.978 32.978 32.978 18.185 0 32.979-14.794 32.979-32.978V202.144h15v126.649c0 26.455-21.523 47.978-47.978 47.978z"
/>
<path fill="url(#v)" d="M327.582 202.144h15V321h-15z" />
<path
fill="url(#w)"
d="M195.708 327.716c-26.455 0-47.978-21.523-47.978-47.978V153.089h15v126.649c0 18.184 14.794 32.978 32.978 32.978s32.978-14.794 32.978-32.978V153.089h15v126.649c.001 26.455-21.522 47.978-47.978 47.978z"
/>
<path
fill="url(#x)"
d="M481.625 150.409c2.15-20.545-4.635-41.848-20.38-57.592-16.412-16.412-38.864-23.099-60.2-20.067-6.176-23.038-27.192-40.005-52.179-40.005a53.751 53.751 0 0 0-29.357 8.682C308.306 16.986 283.644 0 255 0s-53.306 16.986-64.509 41.426a53.76 53.76 0 0 0-29.357-8.682c-24.987 0-46.003 16.967-52.179 40.005-21.337-3.032-43.788 3.655-60.2 20.067-17.989 17.989-24.284 43.233-18.913 66.313C11.669 169.981-.353 190.065.274 212.911c.882 32.165 27.27 58.308 59.441 58.909 18.564.347 35.259-7.658 46.6-20.505 4.354-4.933 11.755-5.715 16.916-1.635 16.646 13.161 37.675 21.02 60.543 21.02 16.489 0 32.025-4.085 45.649-11.297 13.945-7.382 30.755-7.489 44.558.157 10.669 5.91 22.943 9.276 36.005 9.276 14.915 0 28.799-4.391 40.442-11.946 9.88-6.412 22.985-5.194 31.138 3.307 13.889 14.481 33.573 23.36 55.326 22.906 39.602-.826 71.946-33.113 72.84-72.713.547-24.298-10.56-46.011-28.107-59.981z"
/>
<path
fill="url(#y)"
d="M48.754 193.148c18.461 18.461 44.562 24.603 68.123 18.462 9.771 13.936 25.944 23.055 44.256 23.055 15.986 0 30.344-6.948 40.236-17.982 13.008 15.018 32.203 24.531 53.63 24.531s40.622-9.513 53.63-24.531c9.892 11.035 24.25 17.982 40.236 17.982 18.312 0 34.485-9.119 44.256-23.055 23.562 6.141 49.662-.001 68.123-18.462 15.182-15.182 22.025-35.532 20.568-55.387H28.186c-1.456 19.855 5.386 40.205 20.568 55.387z"
/>
<path
fill="url(#z)"
d="M294.839 86.772c0-19.011 9.827-35.716 24.671-45.346C308.306 16.986 283.645 0 255 0c-39.182 0-70.945 31.763-70.945 70.945S215.818 141.89 255 141.89c20.159 0 38.34-8.422 51.256-21.923-7.147-9.16-11.417-20.676-11.417-33.195z"
/>
<path
fill="url(#A)"
d="M215.161 86.772c0 26.883-19.635 49.182-45.35 53.329-.699-17.191-7.597-34.163-20.727-47.282-11.297-11.297-25.442-17.987-40.133-20.072 6.167-23.041 27.199-40.002 52.183-40.002 29.841-.001 54.027 24.186 54.027 54.027z"
/>
<path
fill="url(#B)"
d="M294.839 180.638c0-18.136 8.945-34.172 22.654-43.971-11.98-22.232-35.47-37.343-62.493-37.343-39.182 0-70.945 31.763-70.945 70.945s31.763 70.945 70.945 70.945c21.428 0 40.622-9.513 53.63-24.531-8.572-9.562-13.791-22.192-13.791-36.045z"
/>
<path
fill="url(#C)"
d="M401.049 72.746c-14.691 2.085-28.837 8.775-40.133 20.072-13.13 13.12-20.028 30.092-20.727 47.282-25.715-4.148-45.35-26.446-45.35-53.329 0-29.841 24.187-54.028 54.028-54.028 24.983.001 46.015 16.962 52.182 40.003z"
/>
</svg>
More icons in the same style and category