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="e"
x1="255"
x2="255"
y1="481.792"
y2="511.316"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4573a" stop-opacity="0" />
<stop offset="1" stop-color="#883f2e" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#02905d" />
<stop offset="1" stop-color="#3e5959" />
</linearGradient>
<linearGradient
id="f"
x1="204.097"
x2="248.597"
y1="237.611"
y2="277.611"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="268.907"
x2="316.407"
y1="211.564"
y2="257.064"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="314.865"
x2="358.365"
y1="247.759"
y2="290.759"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="257.818"
x2="313.818"
y1="282.082"
y2="339.082"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#904d24" />
<stop offset="1" stop-color="#6d3326" />
</linearGradient>
<linearGradient
id="j"
x1="279.914"
x2="302.914"
y1="300.475"
y2="341.475"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<linearGradient
id="k"
x1="253.248"
x2="231.748"
y1="336.941"
y2="352.441"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="304.669"
x2="306.169"
y1="285.734"
y2="255.734"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="220.132"
x2="302.012"
y1="383.146"
y2="403.117"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="231.125"
x2="195.458"
y1="333.789"
y2="280.122"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="257.469"
x2="320.377"
y1="471.084"
y2="455.607"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="255"
x2="255"
y1="482.041"
y2="511.565"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="195.961"
x2="328.67"
y1="93.001"
y2="335.96"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#384949" stop-opacity="0" />
<stop offset="1" stop-color="#384949" />
</linearGradient>
<linearGradient
id="r"
x1="255"
x2="255"
y1="173.18"
y2="362.019"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="282.125"
x2="382.198"
y1="58.898"
y2="14.471"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="155.566"
x2="61.7"
y1="88.421"
y2="116.253"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="254.977"
x2="350.883"
y1="170.249"
y2="264.157"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="347.629"
x2="478.059"
y1="86.32"
y2="82.5"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="55.347"
x2="82.127"
y1="288.218"
y2="317.231"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="173.993"
x2="200.773"
y1="286.082"
y2="315.094"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="87.691"
x2="180.865"
y1="266.037"
y2="288.912"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="108.997"
x2="168.892"
y1="267.882"
y2="327.777"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="87.723"
x2="112.83"
y1="317.394"
y2="346.964"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="348.449"
x2="375.229"
y1="325.317"
y2="354.329"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="C"
x1="380.794"
x2="473.968"
y1="303.136"
y2="326.011"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="D"
x1="402.099"
x2="461.994"
y1="304.98"
y2="364.875"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="E"
x1="380.825"
x2="405.932"
y1="354.492"
y2="384.062"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#e)"
d="M172.341 481.888c-10.31 10.248-2.945 27.863 11.592 27.863h142.135c14.537 0 21.901-17.615 11.592-27.863-11.943-11.871-21.446-25.903-29.015-40.703H201.356c-7.569 14.799-17.072 28.831-29.015 40.703z"
/>
<circle cx="258.744" cy="286.731" r="45.003" fill="url(#f)" />
<circle cx="309.494" cy="250.442" r="55.624" fill="url(#g)" />
<circle cx="360.323" cy="292.696" r="55.577" fill="url(#h)" />
<circle cx="298.872" cy="323.87" r="31.174" fill="url(#i)" />
<path
fill="url(#j)"
d="M318.031 234.997c-6.683 58.203-50.261 103.269-102.869 103.269v24.975c66.265 0 121.001-56.235 127.984-128.244z"
/>
<path
fill="url(#k)"
d="M311.376 314.864h-34.457c-17.266 14.696-38.639 23.402-61.758 23.402v24.975c38.227 0 72.616-18.716 96.215-48.377z"
/>
<path
fill="url(#l)"
d="M318.031 234.997c-4.292 37.373-23.796 69.328-51.135 87.414h38.02c20.892-22.732 34.923-53.3 38.231-87.414z"
/>
<path
fill="url(#m)"
d="m304.407 432.414-.023-.052c-1.269-2.801-.062-6.076 2.692-7.444 41.025-20.368 70.818-64.03 75.846-115.873h-25.103c-3.433 29.894-16.604 56.318-35.734 74.945-21.414 20.851-100.751 6.251-100.751-136.491h-33.012s-4.267 80.99 21.729 127.051c6.203 10.99-7.097 22.553-16.714 14.381-22.049-18.736-37.407-47.244-41.155-79.886h-25.103c5.026 51.828 34.803 95.479 75.809 115.855 2.76 1.371 4 4.654 2.729 7.462l-.023.052c-8.168 18.004-18.972 35.278-33.251 49.477-10.315 10.245-2.946 27.859 11.593 27.859h142.131c14.539 0 21.908-17.614 11.593-27.859-14.281-14.199-25.085-31.473-33.253-49.477z"
/>
<path
fill="url(#n)"
d="M221.333 247.5h-33.012s-3.996 75.862 19.314 122.5h48.658c-19.289-20.956-34.96-59.068-34.96-122.5z"
/>
<path
fill="url(#o)"
d="M326.065 509.75h-142.13c-14.539 0-21.908-17.614-11.593-27.859 14.279-14.199 25.083-31.474 33.251-49.477a198.139 198.139 0 0 0 2.267-5.182c14.608 6.451 30.505 9.995 47.141 9.995 15.84 0 38.05-6.432 52.076-12.308-2.761 1.294-3.994 4.568-2.737 7.345l.068.15c8.168 18.004 18.972 35.278 33.251 49.477 10.314 10.245 2.945 27.859-11.594 27.859z"
/>
<path
fill="url(#p)"
d="M172.341 482.137C162.031 492.385 169.396 510 183.933 510h142.135c14.537 0 21.901-17.615 11.592-27.863-11.943-11.871-21.446-25.903-29.015-40.703H201.356c-7.569 14.8-17.072 28.832-29.015 40.703z"
/>
<path
fill="url(#q)"
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(#r)"
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(#s)"
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(#t)"
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(#u)"
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(#v)"
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"
/>
<circle cx="65.409" cy="299.119" r="35.59" fill="url(#w)" />
<circle cx="184.055" cy="296.982" r="35.59" fill="url(#x)" />
<circle cx="105.544" cy="270.42" r="43.99" fill="url(#y)" />
<circle cx="144.951" cy="303.836" r="43.952" fill="url(#z)" />
<circle cx="97.144" cy="328.49" r="24.654" fill="url(#A)" />
<circle cx="358.511" cy="336.217" r="35.59" fill="url(#B)" />
<circle cx="398.646" cy="307.519" r="43.99" fill="url(#C)" />
<circle cx="438.053" cy="340.934" r="43.952" fill="url(#D)" />
<circle cx="390.246" cy="365.588" r="24.654" fill="url(#E)" />
</svg>
More icons in the same style and category