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="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="e"
x1="329.425"
x2="404.874"
y1="452.431"
y2="527.88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<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="f"
x1="363.035"
x2="333.376"
y1="472.079"
y2="489.874"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="357.621"
x2="357.621"
y1="479.401"
y2="514.176"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="208.985"
x2="296.235"
y1="413.908"
y2="413.908"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f89580" />
<stop offset="1" stop-color="#c4573a" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#c4573a" stop-opacity="0" />
<stop offset="1" stop-color="#883f2e" />
</linearGradient>
<linearGradient
id="i"
x1="267.634"
x2="330.783"
y1="416.641"
y2="373.226"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="246.41"
x2="153.66"
y1="434.935"
y2="511.897"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="272.256"
x2="272.256"
y1="432.544"
y2="338.629"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="258.649"
x2="258.649"
y1="482.372"
y2="511.547"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="134.918"
x2="364.314"
y1="90.016"
y2="383.05"
gradientUnits="userSpaceOnUse"
>
<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="d">
<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="n"
x1="258.649"
x2="258.649"
y1="257.119"
y2="364.18"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="341.616"
x2="293.267"
y1="257.522"
y2="325.604"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="263.218"
x2="238.831"
y1="294.76"
y2="176.124"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="414.794"
x2="436.997"
y1="307.105"
y2="329.308"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="222.623"
x2="244.825"
y1="433.851"
y2="456.053"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="338.472"
x2="351.126"
y1="271.225"
y2="283.879"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="120.729"
x2="133.383"
y1="257.424"
y2="270.077"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="408.785"
x2="427.829"
y1="397.701"
y2="416.744"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="145.718"
x2="164.761"
y1="385.992"
y2="405.035"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="156.676"
x2="273.824"
y1="102.378"
y2="277.357"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="379.683"
x2="369.501"
y1="203.856"
y2="296.51"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="328.456"
x2="459.462"
y1="115.206"
y2="166.794"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="248.128"
x2="360.193"
y1="61.971"
y2="61.971"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="A"
x1="155.261"
x2="104.352"
y1="172.519"
y2="264.155"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#e)"
d="M406.045 453.697a28.16 28.16 0 0 0-6.162.503c-4.609.896-9.152-1.973-10.479-6.477-4.949-16.794-20.478-29.053-38.876-29.053-15.695 0-29.297 8.924-36.03 21.971-1.677 3.25-4.678 5.545-8.233 6.404-14.771 3.569-25.517 17.452-24.186 33.599 1.282 15.559 14 28.025 29.579 29.027 10.836.697 80.583.068 93.59.068 16.064 0 28.972-13.515 27.972-29.795-.881-14.34-12.813-25.846-27.175-26.247z"
/>
<path
fill="url(#f)"
d="M406.045 453.697a28.16 28.16 0 0 0-6.162.503c-4.609.896-9.152-1.973-10.479-6.477-4.949-16.794-20.478-29.053-38.876-29.053-15.695 0-29.297 8.924-36.03 21.971-1.677 3.25-4.678 5.545-8.233 6.404-14.771 3.569-25.517 17.452-24.186 33.599 1.282 15.559 14 28.025 29.579 29.027 10.836.697 80.583.068 93.59.068 16.064 0 28.972-13.515 27.972-29.795-.881-14.34-12.813-25.846-27.175-26.247z"
/>
<path
fill="url(#g)"
d="M433.22 479.944c-.642-10.451-7.157-19.391-16.201-23.63H290.473c-5.837 6.279-9.17 14.918-8.394 24.331 1.282 15.559 14 28.025 29.579 29.027 10.836.697 80.583.068 93.59.068 16.064-.001 28.972-13.516 27.972-29.796z"
/>
<path
fill="url(#h)"
d="M282.456 317.816h-47.614s-.452 107.574-57.873 164.651C166.782 492.594 174.06 510 188.424 510h140.45c14.364 0 21.642-17.406 11.454-27.533-57.42-57.077-57.872-164.651-57.872-164.651z"
/>
<path
fill="url(#i)"
d="M271.15 317.816h-25.003s-.237 107.574-30.39 164.651c-5.35 10.127-1.528 27.533 6.015 27.533h73.753c7.543 0 11.364-17.406 6.015-27.533-30.152-57.077-30.39-164.651-30.39-164.651z"
/>
<path
fill="url(#j)"
d="M271.15 317.816h-25.003s-.237 107.574-30.39 164.651c-5.35 10.127-1.528 27.533 6.015 27.533h73.753c7.543 0 11.364-17.406 6.015-27.533-30.152-57.077-30.39-164.651-30.39-164.651z"
/>
<path
fill="url(#k)"
d="m230.392 363.173 83.728 83.728c-31.357-57.386-31.664-129.084-31.664-129.084h-47.614c0-.001-.081 19.043-4.45 45.356z"
/>
<path
fill="url(#l)"
d="M176.97 482.467C166.782 492.594 174.06 510 188.424 510h140.45c14.364 0 21.642-17.406 11.454-27.533-11.801-11.731-21.192-25.596-28.671-40.221H205.641c-7.479 14.625-16.87 28.491-28.671 40.221z"
/>
<path
fill="url(#m)"
d="M434.615 205.402c.016-.569.043-1.136.043-1.71 0-22.562-12.724-42.143-31.382-51.988a68.597 68.597 0 0 0 6.227-28.611c0-38.04-30.838-68.878-68.878-68.878a68.743 68.743 0 0 0-22.452 3.763c-3.858-29.444-29.028-52.181-59.524-52.181s-55.666 22.737-59.524 52.181a68.748 68.748 0 0 0-22.452-3.763c-38.04 0-68.878 30.838-68.878 68.878a68.593 68.593 0 0 0 6.227 28.611c-18.657 9.845-31.381 29.425-31.381 51.988 0 .574.027 1.14.043 1.71-31.167 7.037-54.332 35.184-53.636 68.636.751 36.062 29.725 65.759 65.76 67.342 16.416.721 31.626-4.311 43.796-13.245 9.922-7.285 23.214-8.458 34.074-2.664a48.344 48.344 0 0 0 22.828 5.689c.512 0 1.018-.023 1.526-.039 11.304 22.586 34.642 38.102 61.618 38.102 26.975 0 50.314-15.516 61.618-38.102.508.016 1.014.039 1.526.039a48.356 48.356 0 0 0 22.828-5.689c10.86-5.794 24.152-4.621 34.074 2.664 12.169 8.934 27.38 13.966 43.796 13.245 36.035-1.583 65.01-31.28 65.76-67.342.695-33.452-22.47-61.599-53.637-68.636z"
/>
<path
fill="url(#n)"
d="M29.047 274.039c.751 36.062 29.725 65.759 65.76 67.342 16.416.721 31.626-4.311 43.796-13.246 9.922-7.285 23.214-8.458 34.074-2.664a48.344 48.344 0 0 0 22.828 5.689c.512 0 1.018-.023 1.526-.039 11.304 22.586 34.642 38.102 61.618 38.102 26.975 0 50.314-15.516 61.618-38.102.508.016 1.014.039 1.526.039a48.356 48.356 0 0 0 22.828-5.689c10.86-5.794 24.152-4.621 34.074 2.664 12.169 8.934 27.38 13.966 43.796 13.246 36.035-1.583 65.009-31.28 65.76-67.342.333-15.977-4.788-30.736-13.613-42.571H42.66c-8.825 11.834-13.946 26.594-13.613 42.571z"
/>
<path
fill="url(#o)"
d="M370.393 282.556c0 26.848-21.757 48.605-48.595 48.605-.513 0-1.016-.01-1.52-.03 4.647-9.265 7.252-19.714 7.252-30.785 0-24.638-12.946-46.266-32.403-58.432a48.406 48.406 0 0 1 26.671-7.963c26.838 0 48.595 21.767 48.595 48.605z"
/>
<path
fill="url(#p)"
d="M434.615 205.402c.016-.569.043-1.136.043-1.71 0-22.562-12.724-42.143-31.382-51.988a68.597 68.597 0 0 0 6.227-28.611c0-38.04-30.838-68.878-68.878-68.878a68.743 68.743 0 0 0-22.452 3.763c-3.858-29.444-29.028-52.181-59.524-52.181s-55.666 22.737-59.524 52.181a68.748 68.748 0 0 0-22.452-3.763c-38.04 0-68.878 30.838-68.878 68.878a68.593 68.593 0 0 0 6.227 28.611c-18.657 9.845-31.381 29.425-31.381 51.988 0 .574.027 1.14.043 1.71-31.167 7.037-54.332 35.184-53.636 68.636.751 36.062 29.725 65.759 65.76 67.342 16.416.721 31.626-4.311 43.796-13.245 9.922-7.285 23.214-8.458 34.074-2.664a48.344 48.344 0 0 0 22.828 5.689c.512 0 1.018-.023 1.526-.039 11.304 22.586 34.642 38.102 61.618 38.102 26.975 0 50.314-15.516 61.618-38.102.508.016 1.014.039 1.526.039a48.356 48.356 0 0 0 22.828-5.689c10.86-5.794 24.152-4.621 34.074 2.664 12.169 8.934 27.38 13.966 43.796 13.245 36.035-1.583 65.01-31.28 65.76-67.342.695-33.452-22.47-61.599-53.637-68.636z"
/>
<circle cx="424.177" cy="316.488" r="24.217" fill="url(#q)" />
<circle cx="232.005" cy="443.233" r="24.217" fill="url(#r)" />
<circle cx="343.819" cy="276.572" r="13.802" fill="url(#s)" />
<circle cx="126.077" cy="262.771" r="13.802" fill="url(#t)" />
<circle cx="416.833" cy="405.748" r="20.771" fill="url(#u)" />
<circle cx="153.765" cy="394.039" r="20.771" fill="url(#v)" />
<path
fill="url(#w)"
d="M457.522 212.342a70.207 70.207 0 0 0-17.291-6.367c.01-.593.04-1.176.04-1.77 0-23.282-13.129-43.48-32.378-53.643a70.793 70.793 0 0 0 6.426-29.52c0-39.259-31.824-71.083-71.083-71.083a71.053 71.053 0 0 0-23.164 3.885C316.088 23.463 290.117.003 258.648.003s-57.44 23.46-61.424 53.841a70.714 70.714 0 0 0-22.363-3.875c-.267-.01-.534-.01-.801-.01-39.259 0-71.083 31.824-71.083 71.083 0 .178 0 .346.01.524a70.694 70.694 0 0 0 6.416 28.997c-19.249 10.163-32.378 30.361-32.378 53.643 0 .593.03 1.177.04 1.77-30.964 6.99-54.286 34.177-55.324 67.01-.024.783-.019 4.173.255 8.006.641 8.948 4.756 17.368 11.686 23.065l.16.131c7.346 5.981 17.459 9.669 28.621 9.669 22.452 0 40.662-14.928 40.662-33.356v-23.698c0-5.032 2.481-9.59 6.495-12.892 4.014-3.292 9.56-5.329 15.7-5.329 12.259 0 22.195 8.146 22.195 18.221v39.101c0 22.692 18.396 41.088 41.088 41.088s41.088-18.396 41.088-41.088v-18.329c0-21.532 21.285-38.992 47.534-38.992h28.206c11.824 0 22.541-3.935 30.282-10.292 7.761-6.377 12.556-15.156 12.556-24.864 0-6.782 3.342-12.911 8.75-17.35 5.418-4.449 12.882-7.187 21.137-7.187 16.51 0 29.897 10.984 29.897 24.538v21.374c0 8.69 4.3 16.579 11.26 22.294 6.95 5.704 16.55 9.234 27.168 9.234h.514c24.092-.261 31.852-32.787 10.527-43.988z"
/>
<path
fill="url(#x)"
d="M440.271 204.205c0 33.488-27.145 60.632-60.632 60.632-3.615 0-7.158-.316-10.599-.927-7.545-15.731-23.051-26.91-41.287-28.326-5.539-9.153-8.736-19.895-8.736-31.38 0-33.478 27.145-60.622 60.622-60.622 33.488.001 60.632 27.146 60.632 60.623z"
/>
<path
fill="url(#y)"
d="M379.644 143.579a60.354 60.354 0 0 1 28.247 6.983 70.776 70.776 0 0 0 6.426-29.524c0-39.254-31.821-71.076-71.075-71.076s-71.076 31.822-71.076 71.076c0 31.507 20.508 58.208 48.897 67.527 6.899-25.9 30.507-44.986 58.581-44.986z"
/>
<path
fill="url(#z)"
d="M272.16 121.041c0 .479 0 .947.02 1.415a61.742 61.742 0 0 1-13.532 1.486c-34.221 0-61.966-27.745-61.966-61.976C196.683 27.745 224.428 0 258.649 0c31.462 0 57.456 23.449 61.437 53.831-27.888 9.591-47.926 36.054-47.926 67.21z"
/>
<path
fill="url(#A)"
d="M198.281 204.205c0 11.485-3.197 22.227-8.736 31.38-11.831.916-22.502 5.946-30.606 13.664-10.396-26.381-36.094-45.044-66.161-45.044-5.407 0-10.66.601-15.721 1.751-.02-.58-.031-1.171-.031-1.751 0-33.478 27.145-60.622 60.632-60.622 33.479 0 60.623 27.145 60.623 60.622z"
/>
</svg>
More icons in the same style and category