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="#904d24" />
<stop offset="1" stop-color="#6d3326" />
</linearGradient>
<linearGradient
id="f"
x1="167.056"
x2="201.056"
y1="353.707"
y2="412.707"
gradientTransform="matrix(-1 0 0 1 363.022 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<linearGradient
id="g"
x1="151.516"
x2="123.183"
y1="375.072"
y2="395.739"
gradientTransform="matrix(-1 0 0 1 363.022 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="140.713"
x2="129.686"
y1="273.49"
y2="397.535"
gradientTransform="matrix(-1 0 0 1 479.234 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="229.049"
x2="278.536"
y1="325.5"
y2="325.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="255.571"
x2="255.571"
y1="263.5"
y2="220.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="255.571"
x2="255.571"
y1="484.5"
y2="508.338"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="l"
x1="78.913"
x2="101.528"
y1="313.867"
y2="349.229"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="116.261"
x2="149.568"
y1="296.074"
y2="314.166"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="118.138"
x2="167.394"
y1="293.463"
y2="342.719"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="92.375"
x2="127.867"
y1="327.29"
y2="362.781"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="206.729"
x2="217.229"
y1="64.772"
y2="156.272"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="317.244"
x2="364.744"
y1="40.293"
y2="199.293"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="236.096"
x2="386.596"
y1="36.697"
y2="130.697"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="286.875"
x2="380.875"
y1="76.876"
y2="240.376"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<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="t"
x1="235.961"
x2="278.961"
y1="95.275"
y2="180.775"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="233.516"
x2="327.516"
y1="107.553"
y2="271.053"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<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="v"
x1="266.96"
x2="266.96"
y1="186.863"
y2="281.06"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="287.974"
x2="365.498"
y1="100.587"
y2="66.17"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="189.931"
x2="117.215"
y1="123.457"
y2="145.018"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="264.344"
x2="299.856"
y1="180.225"
y2="290.708"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="338.718"
x2="439.759"
y1="121.83"
y2="118.87"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="216.688"
x2="265.915"
y1="92.518"
y2="172.513"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="B"
x1="287.974"
x2="365.498"
y1="100.587"
y2="66.17"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d8ecfe" stop-opacity="0" />
<stop offset=".416" stop-color="#a3bfce" stop-opacity=".416" />
<stop offset=".803" stop-color="#789ba7" stop-opacity=".803" />
<stop offset="1" stop-color="#678d98" />
</linearGradient>
<linearGradient
id="C"
x1="382.172"
x2="404.782"
y1="201.925"
y2="234.623"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="D"
x1="-164.146"
x2="-161.396"
y1="459.269"
y2="484.019"
gradientTransform="rotate(-43.95 -102.887 -300.01)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="E"
x1="422.991"
x2="445.448"
y1="322.237"
y2="344.694"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="F"
x1="151.812"
x2="174.269"
y1="109.197"
y2="131.654"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="G"
x1="208.585"
x2="231.043"
y1="463.198"
y2="485.655"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="H"
x1="320.875"
x2="333.673"
y1="281.477"
y2="294.276"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="I"
x1="99.456"
x2="112.255"
y1="35.961"
y2="48.76"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="J"
x1="85.496"
x2="98.295"
y1="193.604"
y2="206.403"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="K"
x1="366.602"
x2="385.864"
y1="419.216"
y2="438.478"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="L"
x1="392.13"
x2="411.393"
y1="72.186"
y2="91.448"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="M"
x1="110.771"
x2="130.034"
y1="404.711"
y2="423.974"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="N"
x1="214.547"
x2="230.929"
y1="219.2"
y2="242.891"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="O"
x1="209.955"
x2="226.337"
y1="354.647"
y2="378.338"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#f)"
d="M114.957 340.041c3.132-.758 6.427.555 8.102 3.308 3.789 6.231 13.582 16.388 37.155 16.388 14 0 25.459.972 34.53 2.269-14.824-13.819-32.48-27.217-52.038-36.225-3.622-1.668-5.294-5.884-3.812-9.586 1.597-3.991 6.214-5.823 10.119-4.026 61.949 28.497 104.113 95.166 105.943 98.096l-12.721 7.948a58.721 58.721 0 0 0-.368-.574c-17.093-26.392-46.282-42.445-77.723-42.875a280.446 280.446 0 0 0-3.93-.027c-30.402 0-44.101-13.962-49.941-23.625-2.6-4.3-.2-9.89 4.684-11.071z"
/>
<path
fill="url(#g)"
d="M197.093 343.832c34.795 29.931 56.558 64.346 57.861 66.433l-12.721 7.948a58.721 58.721 0 0 0-.368-.574c-10.873-16.788-26.645-29.384-44.773-36.445v-37.362z"
/>
<path
fill="url(#h)"
d="m344.699 328.299-3.231 3.231c-8.084 8.084-16.675 15.665-25.924 22.384-22.078 16.036-39.404 41.765-39.601 42.06l-6.24-4.161-6.242-4.158c.872-1.31 19.126-28.443 43.551-46.068 3.686-2.66 4.122-7.98.908-11.194l-6.118-6.117c-5.324-5.324-9.084-11.796-11.045-18.857-1.32-4.754 2.248-9.464 7.182-9.464h.107c3.403 0 6.29 2.329 7.218 5.603 1.285 4.534 3.717 8.686 7.138 12.107l4.33 4.33c4.711 4.711 12.349 4.711 17.06 0 10.283-10.283 24.195-16.299 38.737-16.23 10.747.051 21.115-3.941 28.709-11.536l10.446-10.446c2.904-2.904 7.673-3.198 10.663-.383a7.5 7.5 0 0 1 .168 10.766l-10.373 10.379c-10.438 10.428-24.295 16.185-39.045 16.22-10.635.025-20.877 4.013-28.398 11.534z"
/>
<path
fill="url(#i)"
d="M273.938 141h-36.734s6.921 262.001-24.733 349.898c-3.202 8.892 1.697 19.102 9.242 19.102h67.716c7.545 0 12.444-10.21 9.242-19.102C267.017 403.001 273.938 141 273.938 141z"
/>
<path
fill="url(#j)"
d="M276.812 339.411C271.275 241.856 273.938 141 273.938 141h-36.734s2.663 100.856-2.875 198.411z"
/>
<path
fill="url(#k)"
d="M212.471 490.898c-3.202 8.892 1.697 19.102 9.242 19.102h67.716c7.545 0 12.444-10.211 9.242-19.102-5.203-14.448-9.364-33.602-12.685-55.522h-60.831c-3.32 21.92-7.481 41.073-12.684 55.522z"
/>
<circle cx="82.292" cy="319.152" r="29.269" fill="url(#l)" />
<circle cx="115.298" cy="295.551" r="36.176" fill="url(#m)" />
<circle cx="147.706" cy="323.031" r="36.145" fill="url(#n)" />
<circle cx="108.391" cy="343.305" r="20.275" fill="url(#o)" />
<circle cx="207.637" cy="72.689" r="35.59" fill="url(#p)" />
<circle cx="326.283" cy="70.552" r="35.59" fill="url(#q)" />
<circle cx="247.772" cy="43.99" r="43.99" fill="url(#r)" />
<circle cx="287.18" cy="77.405" r="43.952" fill="url(#s)" />
<circle cx="239.373" cy="102.059" r="24.654" fill="url(#t)" />
<path
fill="url(#u)"
d="M426.734 126.862c-12.714-12.714-30.107-17.894-46.636-15.545-4.785-17.847-21.065-30.991-40.422-30.991a41.64 41.64 0 0 0-22.742 6.726C308.255 68.118 289.15 54.96 266.96 54.96s-41.295 13.158-49.974 32.092a41.64 41.64 0 0 0-22.742-6.726c-19.357 0-35.637 13.144-40.422 30.991-16.529-2.349-33.922 2.831-46.636 15.545-21.463 21.463-21.463 56.262 0 77.725 14.301 14.301 34.521 19.06 52.773 14.302 7.57 10.796 20.098 17.86 34.284 17.86 12.384 0 23.507-5.382 31.17-13.93 10.077 11.634 24.947 19.004 41.546 19.004s31.469-7.37 41.546-19.004c7.663 8.548 18.786 13.93 31.17 13.93 14.186 0 26.715-7.065 34.284-17.86 18.253 4.757 38.472-.001 52.773-14.302 21.465-21.463 21.465-56.262.002-77.725z"
/>
<path
fill="url(#v)"
d="M107.187 204.587c14.301 14.301 34.521 19.06 52.773 14.302 7.57 10.796 20.098 17.86 34.284 17.86 12.384 0 23.507-5.382 31.17-13.93 10.077 11.634 24.947 19.004 41.546 19.004s31.469-7.37 41.546-19.004c7.663 8.548 18.786 13.93 31.17 13.93 14.186 0 26.715-7.065 34.284-17.86 18.253 4.757 38.472-.001 52.773-14.302 11.761-11.761 17.062-27.526 15.934-42.907H91.253c-1.128 15.381 4.172 31.146 15.934 42.907z"
/>
<path
fill="url(#w)"
d="M297.822 122.18c0-14.727 7.613-27.669 19.112-35.128-8.679-18.934-27.784-32.092-49.974-32.092-30.353 0-54.96 24.606-54.96 54.96s24.606 54.96 54.96 54.96c15.617 0 29.701-6.524 39.707-16.983-5.537-7.098-8.845-16.019-8.845-25.717z"
/>
<path
fill="url(#x)"
d="M236.098 122.18c0 20.825-15.211 38.1-35.132 41.313-.541-13.317-5.885-26.465-16.057-36.629-8.751-8.751-19.709-13.934-31.09-15.549 4.777-17.849 21.071-30.989 40.425-30.989 23.117 0 41.854 18.737 41.854 41.854z"
/>
<path
fill="url(#y)"
d="M297.822 194.895c0-14.049 6.93-26.472 17.549-34.063-9.28-17.222-27.477-28.929-48.411-28.929-30.353 0-54.96 24.606-54.96 54.96s24.606 54.96 54.96 54.96c16.6 0 31.469-7.37 41.546-19.004-6.64-7.408-10.684-17.192-10.684-27.924z"
/>
<path
fill="url(#z)"
d="M380.101 111.314c-11.381 1.615-22.339 6.798-31.09 15.549-10.172 10.163-15.516 23.311-16.057 36.629-19.921-3.213-35.132-20.487-35.132-41.313 0-23.117 18.737-41.854 41.854-41.854 19.354.001 35.648 13.14 40.425 30.989z"
/>
<path
fill="url(#A)"
d="M380.1 111.32c-21.45 5.84-38.45 22.45-44.87 43.66-.66-1.02-1.5-1.93-2.48-2.75-2.58-2.12-6.14-3.42-10.08-3.42-7.86 0-14.24 5.23-14.24 11.68v29.91c0 5.98-2.94 11.39-7.71 15.29-4.77 3.92-11.37 6.34-18.65 6.34-14.56 0-26.35-9.68-26.35-21.63v-16.57c0-13.82-13.65-25.02-30.5-25.02h-18.08c-7.6 0-14.47-2.53-19.44-6.61-4.98-4.08-8.05-9.72-8.05-15.94 0-4.36-2.15-8.29-5.62-11.14-3.47-2.84-8.25-4.61-13.55-4.61-10.6 0-19.19 7.06-19.19 15.75v13.7c0 5.58-2.75 10.64-7.22 14.31-4.46 3.66-10.62 5.92-17.43 5.92h-.35c-8.38-.102-15.377-4.89-18.984-11.604-3.742-6.966-2.443-15.675 3.126-21.288l.058-.058c8.991-8.984 20.262-14.297 31.947-15.936 9.04-1.268 17.095-6.291 22.172-13.878 7.758-11.592 20.572-19.856 35.071-19.856.963 0 1.918.057 2.864.164 12.612 1.425 25.37-2.277 34.656-10.93 9.891-9.218 22.823-15.223 36.98-15.223 13.502 0 25.886 5.457 35.581 13.952 10.406 9.118 23.668 14.512 37.497 14.061.472-.015.946-.023 1.422-.023 19.84-.001 36.52 13.459 41.42 31.749z"
/>
<path
fill="url(#B)"
d="M297.822 122.18c0-14.727 7.613-27.669 19.112-35.128-8.679-18.934-27.784-32.092-49.974-32.092-30.353 0-54.96 24.606-54.96 54.96s24.606 54.96 54.96 54.96c15.617 0 29.701-6.524 39.707-16.983-5.537-7.098-8.845-16.019-8.845-25.717z"
/>
<path
fill="url(#C)"
d="M440.565 210.63c-3.173-8.151-11.893-12.806-20.426-10.882-8.578 1.934-18.35 3.03-28.725 3.03-10.289 0-19.985-1.078-28.511-2.982-8.603-1.921-17.33 2.847-20.46 11.087-.086.226-.17.452-.253.68-2.9 7.968 2.966 16.377 11.434 16.809 4.787.244 9.615 1.298 12.504 4.116l7.678 7.493c7.318 7.138 19.176 7.138 26.495 0l7.678-7.493c7.318-7.138 19.182-7.138 26.495 0l.511.498c3.406 3.322 9.153.898 9.118-3.859a51.945 51.945 0 0 0-3.538-18.497z"
/>
<path
fill="url(#D)"
d="M347.034 306.07a42.965 42.965 0 0 1-.031-.357c-.749-9.064 7.287-16.521 16.205-14.736 8.882 1.778 19.72.487 30.228-4.273 5.101-2.31 9.637-5.218 13.473-8.497 6.777-5.793 17.14-3.914 21.262 3.992.371.712.725 1.438 1.06 2.178.564 1.245-.681 2.396-2.237 3.29-2.113 1.215-4.593 1.548-6.996 1.138-7.05-1.204-14.279 2.698-16.964 9.568l-3.168 8.112c-3.02 7.729-11.788 11.7-19.59 8.873l-8.187-2.969c-3.251-1.178-7.505-.063-11.361 1.639-6.127 2.703-13.087-1.29-13.694-7.958z"
/>
<circle cx="432.481" cy="331.727" r="24.495" fill="url(#E)" />
<circle cx="161.302" cy="118.687" r="24.495" fill="url(#F)" />
<circle cx="218.076" cy="472.688" r="24.495" fill="url(#G)" />
<circle cx="326.283" cy="286.886" r="13.96" fill="url(#H)" />
<circle cx="104.865" cy="41.369" r="13.96" fill="url(#I)" />
<circle cx="90.904" cy="199.013" r="13.96" fill="url(#J)" />
<circle cx="374.742" cy="427.356" r="21.01" fill="url(#K)" />
<circle cx="400.27" cy="80.326" r="21.01" fill="url(#L)" />
<circle cx="118.911" cy="412.851" r="21.01" fill="url(#M)" />
<path
fill="url(#N)"
d="M255.962 230.288c1.63 4.716.068 9.855-3.722 13.101-.287.246-.568.503-.843.77l-7.233 7.054c-6.861 6.691-18.087 6.691-24.948 0l-7.233-7.054c-2.722-2.656-7.271-3.645-11.772-3.88-7.977-.405-13.505-8.325-10.774-15.822.075-.217.16-.433.235-.64 2.948-7.76 11.17-12.253 19.269-10.445 8.034 1.79 17.169 2.807 26.86 2.807h.156c9.009-.011 17.062 5.595 20.005 14.109z"
/>
<path
fill="url(#O)"
d="M251.371 365.735c1.63 4.716.068 9.855-3.722 13.101-.287.246-.568.503-.843.77l-7.233 7.054c-6.861 6.691-18.087 6.691-24.948 0l-7.233-7.054c-2.722-2.656-7.271-3.645-11.772-3.88-7.977-.405-13.505-8.325-10.774-15.822.075-.217.16-.433.235-.64 2.948-7.76 11.17-12.253 19.269-10.445 8.034 1.79 17.169 2.807 26.86 2.807h.156c9.008-.011 17.061 5.595 20.005 14.109z"
/>
</svg>
More icons in the same style and category