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="#f89580" />
<stop offset="1" stop-color="#c4573a" />
</linearGradient>
<linearGradient
id="f"
x1="259.872"
x2="315.628"
y1="310.378"
y2="399.686"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#c4573a" stop-opacity="0" />
<stop offset="1" stop-color="#883f2e" />
</linearGradient>
<linearGradient
id="g"
x1="311.024"
x2="284.051"
y1="375.946"
y2="395.025"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="340.552"
x2="345.486"
y1="354.826"
y2="323.248"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="173.499"
x2="160.177"
y1="359.005"
y2="315.585"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="205.685"
x2="292.946"
y1="413.895"
y2="413.895"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="264.342"
x2="327.499"
y1="416.628"
y2="373.208"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="243.114"
x2="150.352"
y1="434.925"
y2="511.898"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="303.296"
x2="250.126"
y1="387.39"
y2="334.22"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<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="n"
x1="170.752"
x2="329.631"
y1="78.144"
y2="387.021"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="197.821"
x2="360.977"
y1="113.579"
y2="217.525"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="p"
x1="192.09"
x2="246.809"
y1="40.787"
y2="129.705"
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="q"
x1="255.355"
x2="255.355"
y1="244.543"
y2="408.431"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="r"
x1="109.466"
x2="183.478"
y1="218.307"
y2="365.345"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="113.146"
x2="128.193"
y1="294.267"
y2="216.977"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="348.452"
x2="392.227"
y1="113.468"
y2="166.135"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="306.838"
x2="340.39"
y1="288.157"
y2="373.025"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="v"
x1="255.355"
x2="255.355"
y1="482.369"
y2="511.547"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="88.487"
x2="136.366"
y1="179.166"
y2="250.984"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="366.908"
x2="411.367"
y1="185.913"
y2="250.207"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="427.083"
x2="399.724"
y1="309.107"
y2="244.813"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="360.706"
x2="383.164"
y1="324.918"
y2="347.375"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="166.326"
x2="188.783"
y1="453.12"
y2="475.578"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="283.507"
x2="296.306"
y1="288.625"
y2="301.424"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="63.261"
x2="76.059"
y1="274.665"
y2="287.464"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="D"
x1="354.628"
x2="373.891"
y1="416.555"
y2="435.817"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="E"
x1="88.536"
x2="107.798"
y1="404.711"
y2="423.974"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#f)"
d="M356.969 287.963c-6.602 57.493-49.647 102.009-101.614 102.009-51.966 0-95.012-44.516-101.614-102.009h-24.809c6.898 71.131 60.966 126.679 126.423 126.679 65.456 0 119.525-55.549 126.423-126.679z"
/>
<path
fill="url(#g)"
d="M350.396 366.856H316.36c-17.055 14.517-38.168 23.116-61.004 23.116v24.671c37.76 0 71.729-18.488 95.04-47.787z"
/>
<path
fill="url(#h)"
d="M356.969 287.963c-4.239 36.917-23.506 68.482-50.511 86.348h37.556c20.637-22.454 34.496-52.65 37.764-86.348z"
/>
<path
fill="url(#i)"
d="M153.741 287.963h-24.809c3.268 33.698 17.127 63.893 37.764 86.348h37.556c-27.005-17.866-46.271-49.431-50.511-86.348z"
/>
<path
fill="url(#j)"
d="M279.165 317.791h-47.62s-.452 107.588-57.88 164.673C163.476 492.592 170.754 510 185.121 510H325.59c14.366 0 21.645-17.408 11.456-27.536-57.429-57.085-57.881-164.673-57.881-164.673z"
/>
<path
fill="url(#k)"
d="M267.858 317.791h-25.006s-.237 107.588-30.394 164.673c-5.35 10.128-1.528 27.536 6.016 27.536h73.763c7.544 0 11.366-17.408 6.016-27.536-30.158-57.085-30.395-164.673-30.395-164.673z"
/>
<path
fill="url(#l)"
d="M267.858 317.791h-25.006s-.237 107.588-30.394 164.673c-5.35 10.128-1.528 27.536 6.016 27.536h73.763c7.544 0 11.366-17.408 6.016-27.536-30.158-57.085-30.395-164.673-30.395-164.673z"
/>
<path
fill="url(#m)"
d="m227.98 357.542 76.374 76.375c-24.924-54.664-25.189-116.126-25.189-116.126h-47.62s-.069 16.382-3.565 39.751z"
/>
<path
fill="url(#n)"
d="M424.698 162.986a59.088 59.088 0 0 0 4.786-23.357c0-32.744-26.544-59.288-59.288-59.288a59.127 59.127 0 0 0-21.386 3.992c-20.983-45.8-67.219-77.617-120.892-77.617-73.405 0-132.912 59.507-132.912 132.912 0 6.602.489 13.089 1.418 19.433-36.645 11.257-63.285 45.367-63.285 85.702 0 49.509 40.135 89.644 89.644 89.644 13.009 0 25.368-2.774 36.525-7.758 9.699 19.528 29.836 32.956 53.119 32.956 20.517 0 38.597-10.424 49.241-26.262 10.644 15.839 28.724 26.262 49.241 26.262 21.692 0 40.654-11.656 50.989-29.041a89.627 89.627 0 0 0 26.029 3.843c49.509 0 89.644-40.135 89.644-89.644 0-36.404-21.701-67.739-52.873-81.777z"
/>
<path
fill="url(#o)"
d="M310.914 139.633c0 15.395 5.862 29.408 15.474 39.937-17.309 16.342-28.105 39.503-28.105 65.19 0 2.507.109 4.993.306 7.441-20.467 12.888-44.693 20.339-70.667 20.339-6.602 0-13.095-.484-19.431-1.421a89.713 89.713 0 0 0 3.937-26.358c0-49.509-40.134-89.644-89.644-89.644a89.416 89.416 0 0 0-26.358 3.947 134.165 134.165 0 0 1-1.421-19.431c0-73.41 59.506-132.916 132.916-132.916 53.664 0 99.907 31.806 120.887 77.604-22.174 8.576-37.894 30.108-37.894 55.312z"
/>
<path
fill="url(#p)"
d="M354.546 82.437c-19.647 5.356-35.222 20.571-41.1 40.003-.605-.934-1.375-1.775-2.278-2.524-2.36-1.939-5.622-3.129-9.234-3.129-7.202 0-13.04 4.791-13.04 10.701v27.394c0 5.479-2.698 10.434-7.069 14.015-4.371 3.591-10.414 5.807-17.082 5.807-13.338 0-24.141-8.875-24.141-19.822v-15.174c0-12.66-12.507-22.92-27.937-22.92h-16.569c-6.956 0-13.256-2.319-17.801-6.053-4.566-3.745-7.377-8.905-7.377-14.61 0-3.991-1.97-7.592-5.15-10.198s-7.561-4.227-12.414-4.227c-9.706 0-17.575 6.464-17.575 14.425v12.558c0 5.109-2.524 9.747-6.618 13.102-4.083 3.355-9.726 5.427-15.964 5.427h-.328c-13.173-.154-22.612-12.968-19.032-25.639C110.416 42.947 164.3 0 228.229 0c86.633 0 125.107 57.67 126.277 81.811.009.205.02.421.04.626z"
/>
<path
fill="url(#q)"
d="M33.139 244.764c0 49.509 40.135 89.644 89.644 89.644 13.009 0 25.368-2.774 36.525-7.758 9.699 19.528 29.836 32.956 53.119 32.956 20.517 0 38.597-10.424 49.241-26.262 10.644 15.839 28.724 26.262 49.241 26.262 21.692 0 40.654-11.656 50.989-29.041a89.627 89.627 0 0 0 26.029 3.843c49.509 0 89.644-40.135 89.644-89.644a89.522 89.522 0 0 0-4.427-27.853H37.567a89.522 89.522 0 0 0-4.428 27.853z"
/>
<circle cx="122.783" cy="244.764" r="89.644" fill="url(#r)" />
<circle cx="122.783" cy="244.764" r="89.644" fill="url(#s)" />
<path
fill="url(#t)"
d="M429.481 139.633c0 8.29-1.707 16.194-4.776 23.358-11.22-5.062-23.674-7.875-36.779-7.875-23.822 0-45.483 9.296-61.529 24.463-9.622-10.529-15.483-24.552-15.483-39.947 0-32.743 26.536-59.289 59.279-59.289s59.288 26.547 59.288 59.29z"
/>
<path
fill="url(#u)"
d="M310.909 241.031c-20.517 0-38.597 10.424-49.241 26.262 6.343 9.438 10.046 20.799 10.046 33.025 0 12.227-3.704 23.587-10.046 33.025 10.644 15.839 28.724 26.262 49.241 26.262 32.744 0 59.287-26.544 59.287-59.287.001-32.744-26.543-59.287-59.287-59.287z"
/>
<path
fill="url(#v)"
d="M173.665 482.464C163.476 492.592 170.754 510 185.121 510H325.59c14.366 0 21.645-17.408 11.456-27.536-11.803-11.732-21.195-25.6-28.675-40.226H202.34c-7.48 14.626-16.872 28.493-28.675 40.226z"
/>
<path
fill="url(#w)"
d="M214.255 212.867c4.96 14.223-5.553 28.935-20.616 29.081-9.471.092-19.212 1.753-24.773 7.178l-14.005 13.666c-13.348 13.02-34.975 13.02-48.323 0l-14.005-13.666c-11.865-11.573-30.28-12.859-43.593-3.858-4.537 3.068-9.923 4.685-15.374 4.158-4.014-.388-7.629-1.59-7.629-4.661 0-53.484 43.358-96.852 96.841-96.852 42.317.001 78.29 27.139 91.477 64.954z"
/>
<path
fill="url(#x)"
d="M484.051 242.091c.005.302.009.604.011.905.065 8.677-10.418 13.098-16.63 7.039l-.932-.909c-13.338-13.02-34.975-13.02-48.323 0l-14.005 13.666c-13.348 13.02-34.975 13.02-48.323 0l-14.005-13.666c-5.349-5.218-14.346-7.12-23.209-7.526-15.468-.709-25.723-16.212-20.408-30.756 13.485-36.901 49.014-63.194 90.649-62.927 51.786.331 94.311 42.395 95.175 94.174z"
/>
<path
fill="url(#y)"
d="m467.432 250.035-.932-.909c-13.338-13.02-34.975-13.02-48.323 0l-14.005 13.666c-12.42 12.115-32.006 12.95-45.423 2.519a59.005 59.005 0 0 1 11.447 35.007 59.001 59.001 0 0 1-8.298 30.247 89.627 89.627 0 0 0 26.029 3.843c46.952 0 85.468-36.099 89.321-82.055-3.217 1.031-6.965.462-9.816-2.318z"
/>
<circle cx="370.197" cy="334.408" r="24.495" fill="url(#z)" />
<circle cx="175.816" cy="462.611" r="24.495" fill="url(#A)" />
<circle cx="288.915" cy="294.034" r="13.96" fill="url(#B)" />
<circle cx="68.669" cy="280.073" r="13.96" fill="url(#C)" />
<circle cx="362.768" cy="424.695" r="21.01" fill="url(#D)" />
<circle cx="96.676" cy="412.851" r="21.01" fill="url(#E)" />
</svg>
More icons in the same style and category