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="e"
x1="383.368"
x2="379.868"
y1="419.457"
y2="467.457"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-801.5"
x2="-816.5"
y1="325.927"
y2="325.927"
gradientTransform="matrix(-1 0 0 1 -554 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="169.2"
x2="156.2"
y1="371.419"
y2="413.419"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="254.836"
x2="323.502"
y1="365.954"
y2="386.621"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fd4755" />
<stop offset="1" stop-color="#a72b2b" />
</linearGradient>
<linearGradient
id="i"
x1="190.945"
x2="336.445"
y1="150.851"
y2="404.351"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#a72b2b" stop-opacity="0" />
<stop offset="1" stop-color="#42210b" />
</linearGradient>
<linearGradient
id="j"
x1="255"
x2="255"
y1="235.984"
y2="341.32"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="148.127"
x2="57.127"
y1="148.586"
y2="146.086"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="246.375"
x2="319.375"
y1="216.798"
y2="353.298"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="311.033"
x2="441.463"
y1="150.043"
y2="146.222"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#feaee1" />
<stop offset="1" stop-color="#fe5694" />
</linearGradient>
<linearGradient
id="n"
x1="144.724"
x2="160.599"
y1="418.534"
y2="443.357"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="170.941"
x2="194.32"
y1="406.044"
y2="418.744"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="159.508"
x2="194.084"
y1="404.211"
y2="438.787"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="368.148"
x2="442.814"
y1="311.131"
y2="445.798"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="418.044"
x2="501.674"
y1="-4233.24"
y2="-4275.056"
gradientTransform="matrix(1 0 0 -1 0 -3841.559)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e30256" stop-opacity="0" />
<stop offset="1" stop-color="#e30256" />
</linearGradient>
<linearGradient
id="s"
x1="263.218"
x2="408.718"
y1="109.369"
y2="362.869"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="261.348"
x2="349.848"
y1="115.7"
y2="438.7"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="275.459"
x2="371.165"
y1="69.011"
y2="21.158"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="31.481"
x2="58.981"
y1="315.232"
y2="358.232"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="76.896"
x2="117.396"
y1="293.595"
y2="315.595"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="79.178"
x2="139.073"
y1="290.421"
y2="350.316"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="47.851"
x2="91.008"
y1="331.554"
y2="374.711"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="261.092"
x2="261.092"
y1="484"
y2="505.513"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<path
fill="url(#e)"
d="M393.042 455.904h-73.533v-15h73.533c9.985 0 19.374-3.889 26.436-10.95l15.143-15.143 10.607 10.606-15.144 15.144c-9.895 9.894-23.049 15.343-37.042 15.343z"
/>
<path fill="url(#f)" d="M247.5 270.69h15v110.475h-15z" />
<path
fill="url(#g)"
d="M138.21 420.546a6.7 6.7 0 0 1-.189-.002l.321-14.996-.161 7.498.085-7.5h.002c.441 0 10.23-.105 20.081-8.706 13.618-11.891 20.816-34.54 20.816-65.498h15c0 34.187-7.947 59.3-23.619 74.641-14.403 14.1-30.324 14.563-32.336 14.563z"
/>
<path
fill="url(#h)"
d="m415.89 392.13-6.45-13.54c-52.81 25.16-92.82 61.48-117.8 88.56-5.13 5.57-14.44 2.23-14.92-5.33-2.12-33.17-2.3-64.62-2.06-85.72.18-16.06 4.35-31.83 12.09-45.91 14.49-26.33 38.1-61.98 68.34-82.27l-8.35-12.46c-39.96 26.82-68.64 76.28-84.5 109.49-1.06 2.22-2.99 3.95-5.38 4.52-3.75.89-7.47-.96-9.05-4.28-3.23-6.75-7-14.19-11.29-22-22.27-40.53-46.92-70.05-73.26-87.73l-8.36 12.46c30.25 20.29 53.86 55.94 68.35 82.27 7.74 14.08 11.91 29.85 12.09 45.91.14 11.9.14 27.1-.27 44.04-.27 11.27-10.37 19.83-21.51 18.11-33.91-5.24-59.35-17.48-75.88-36.58-25.39-29.33-20.48-65.52-20.43-65.88l-7.42-1.1-7.41-1.12c-.27 1.74-6.08 43.06 23.74 77.71 16.3 18.95 39.77 31.95 70.08 38.92.171.039.342.08.512.121 23.48 5.689 30.929 35.448 13.09 51.741l-3.343 3.053c-1.894 1.73-.67 4.885 1.895 4.885h98.512c2.565 0 3.789-3.155 1.895-4.885-8.194-7.483-9.492-19.881-3.1-28.952a100.174 100.174 0 0 1 11.779-13.853c24.01-23.51 57.37-50.62 98.41-70.18z"
/>
<path
fill="url(#i)"
d="M481.625 213.06c2.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 79.637 283.644 62.651 255 62.651s-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.99 17.989-24.285 43.233-18.914 66.313C11.668 232.632-.354 252.716.273 275.562c.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.548-24.298-10.559-46.011-28.106-59.981z"
/>
<path
fill="url(#j)"
d="M48.754 255.799c18.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.009 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(#k)"
d="M215.161 149.423c0 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(#l)"
d="M294.839 243.289c0-18.136 8.945-34.172 22.654-43.971-11.979-22.231-35.469-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(#m)"
d="M401.049 135.397c-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="147.096" cy="422.243" r="20.545" fill="url(#n)" />
<circle cx="170.265" cy="405.676" r="25.394" fill="url(#o)" />
<circle cx="180.264" cy="424.966" r="25.372" fill="url(#p)" />
<path
fill="url(#q)"
d="M471.258 411.813c-9.171 23.508-32.019 40.172-58.773 40.172-20.439 0-38.607-9.721-50.134-24.791-7.204-9.418-18.424-14.816-30.276-15.183-.17-.005-.339-.011-.509-.019-22.275-.945-40.368-19.134-41.201-41.413-.918-24.56 18.72-44.758 43.075-44.758.162 0 .323.001.484.003a7.332 7.332 0 0 0 5.903-2.881c13.794-17.919 35.455-29.467 59.817-29.467 24.367 0 46.032 11.553 59.826 29.478a7.412 7.412 0 0 0 6.132 2.888c.429-.014.859-.021 1.292-.021 23.807 0 43.106 19.299 43.106 43.106 0 22.333-16.985 40.698-38.742 42.886z"
/>
<path
fill="url(#r)"
d="M423.787 368.928c0-14.743 7.406-27.762 18.7-35.53-8.923-4.837-19.149-7.578-30.003-7.578-34.84 0-63.085 28.245-63.085 63.085s28.245 63.076 63.085 63.076c26.762 0 49.626-16.657 58.791-40.168-1.44.147-2.897.224-4.38.224-23.805-.001-43.108-19.305-43.108-43.109z"
/>
<path
fill="url(#s)"
d="M336.356 45.972C325.861 19.07 299.714 0 269.097 0c-23.39 0-44.182 11.124-57.373 28.371-8.244 10.778-21.084 16.955-34.647 17.375a57.8 57.8 0 0 0-.583.021c-25.492 1.082-46.198 21.897-47.15 47.394-1.05 28.106 21.423 51.222 49.295 51.222.185 0 .37-.001.554-.003a8.388 8.388 0 0 1 6.755 3.297c15.786 20.506 40.575 33.722 68.455 33.722 27.885 0 52.679-13.222 68.465-33.735a8.48 8.48 0 0 1 7.018-3.305c.491.016.984.024 1.478.024 27.244 0 49.33-22.086 49.33-49.33-.001-25.56-19.439-46.577-44.338-49.081z"
/>
<path
fill="url(#t)"
d="M340.746 95.05c0 47.686-38.658 86.343-86.343 86.343-29.442 0-55.441-14.741-71.02-37.237 25.012-2.388 44.587-23.463 44.587-49.106a49.082 49.082 0 0 0-12.126-32.382c51.1-9.591 124.902 1.213 124.902 32.382z"
/>
<path
fill="url(#u)"
d="M282.03 95.05c0 16.872 8.475 31.771 21.401 40.66-10.212 5.535-21.914 8.673-34.336 8.673-39.871 0-72.194-32.323-72.194-72.194S229.224.005 269.095.005c30.626 0 56.792 19.062 67.281 45.969a49.331 49.331 0 0 0-5.012-.257c-27.243 0-49.334 22.091-49.334 49.333z"
/>
<circle cx="35.59" cy="321.658" r="35.59" fill="url(#v)" />
<circle cx="75.725" cy="292.959" r="43.99" fill="url(#w)" />
<circle cx="115.132" cy="326.375" r="43.952" fill="url(#x)" />
<circle cx="67.326" cy="351.028" r="24.654" fill="url(#y)" />
<path
fill="url(#z)"
d="M316.605 463.207h-21.277a435.22 435.22 0 0 0-3.689 3.943c-4.804 5.216-13.273 2.617-14.724-3.943h-62.002c7.45 11.682 6.631 28.166-5.072 38.854l-3.343 3.053c-1.894 1.73-.67 4.885 1.895 4.885h98.512c2.565 0 3.79-3.155 1.895-4.885-8.194-7.483-9.492-19.881-3.1-28.952a100.396 100.396 0 0 1 10.905-12.955z"
/>
</svg>
More icons in the same style and category