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="d"
x1="255"
x2="255"
y1="481.792"
y2="511.316"
gradientTransform="matrix(-1 0 0 1 510 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4573a" stop-opacity="0" />
<stop offset="1" stop-color="#883f2e" />
</linearGradient>
<linearGradient
id="e"
x1="202.361"
x2="298.861"
y1="373.959"
y2="382.959"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#904d24" />
<stop offset="1" stop-color="#6d3326" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<linearGradient
id="f"
x1="231.125"
x2="195.458"
y1="333.789"
y2="280.122"
gradientTransform="matrix(-1 0 0 1 510 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="267.458"
x2="318.458"
y1="466.895"
y2="455.895"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="255"
x2="255"
y1="482.041"
y2="511.565"
gradientTransform="matrix(-1 0 0 1 510 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fea613" />
<stop offset="1" stop-color="#fe7701" />
</linearGradient>
<linearGradient
id="i"
x1="1617.564"
x2="1666.734"
y1="-243.217"
y2="-194.046"
gradientTransform="scale(1 -1) rotate(-45 863.044 1188.325)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="j"
x1="428.43"
x2="422.93"
y1="391.683"
y2="347.183"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="106.326"
x2="178.326"
y1="149.964"
y2="135.964"
gradientTransform="rotate(-90 387.674 106.51)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="390.775"
x2="445.442"
y1="223.279"
y2="332.613"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="342.176"
x2="383.574"
y1="68.491"
y2="109.889"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="409.811"
x2="451.144"
y1="93.509"
y2="183.509"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="430.014"
x2="464.68"
y1="140.792"
y2="236.792"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="131.541"
x2="295.032"
y1="49.642"
y2="384.126"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="230.693"
x2="353.686"
y1="81.524"
y2="291.514"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="225.184"
x2="225.184"
y1="254.577"
y2="352.072"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="336.033"
x2="379.033"
y1="178.396"
y2="293.396"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="117.909"
x2="45.912"
y1="124.829"
y2="202.825"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="187.455"
x2="137.958"
y1="262.297"
y2="355.293"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="466.711"
x2="412.914"
y1="155.789"
y2="101.992"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="1840.159"
x2="1889.33"
y1="-82.814"
y2="-33.643"
gradientTransform="scale(-1 1) rotate(45 322.325 -2187.763)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="x"
x1="62.349"
x2="134.349"
y1="420.785"
y2="406.785"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="391.155"
x2="419.889"
y1="74.345"
y2="103.079"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="371.179"
x2="443.179"
y1="135.303"
y2="121.303"
gradientTransform="rotate(-90 387.674 106.51)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M337.659 481.888c10.31 10.248 2.945 27.863-11.592 27.863H183.932c-14.537 0-21.901-17.615-11.592-27.863 11.943-11.871 21.446-25.903 29.015-40.703h107.287c7.571 14.799 17.074 28.831 29.017 40.703z"
/>
<path
fill="url(#e)"
d="m205.593 432.414.023-.052c1.269-2.801.062-6.076-2.692-7.444-41.025-20.368-70.818-64.03-75.846-115.873h25.103c3.433 29.894 16.604 56.318 35.734 74.945 21.414 20.851 100.751 6.251 100.751-136.491h33.012s4.267 80.99-21.729 127.051c-6.203 10.99 7.097 22.553 16.714 14.381 22.049-18.736 37.407-47.244 41.155-79.886h25.103c-5.026 51.828-34.803 95.479-75.809 115.855-2.76 1.371-4.001 4.654-2.729 7.462a.817.817 0 0 1 .023.052c8.168 18.004 18.972 35.278 33.251 49.477 10.315 10.245 2.946 27.859-11.593 27.859h-142.13c-14.539 0-21.908-17.614-11.593-27.859 14.279-14.199 25.084-31.473 33.252-49.477z"
/>
<path
fill="url(#f)"
d="M288.667 247.5h33.012s3.996 75.862-19.314 122.5h-48.658c19.289-20.956 34.96-59.068 34.96-122.5z"
/>
<path
fill="url(#g)"
d="M183.934 509.75h142.131c14.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 1-2.267-5.182c-14.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.15c-8.168 18.004-18.972 35.278-33.251 49.477-10.314 10.245-2.945 27.859 11.593 27.859z"
/>
<path
fill="url(#h)"
d="M337.659 482.137c10.31 10.248 2.945 27.863-11.592 27.863H183.932c-14.537 0-21.901-17.615-11.592-27.863 11.943-11.871 21.446-25.903 29.015-40.703h107.287c7.571 14.8 17.074 28.832 29.017 40.703z"
/>
<path
fill="url(#i)"
d="M392.279 401.472c-6.628.084-12.019-5.307-11.935-11.935.219-17.211 8.473-36.427 23.929-51.883s34.672-23.71 51.883-23.929c6.628-.084 12.019 5.307 11.935 11.935-.219 17.211-8.473 36.428-23.929 51.883-15.456 15.456-34.672 23.71-51.883 23.929z"
/>
<path
fill="url(#j)"
d="M392.279 401.472c-6.628.084-12.019-5.307-11.935-11.935.219-17.211 8.473-36.427 23.929-51.883s34.672-23.71 51.883-23.929c6.628-.084 12.019 5.307 11.935 11.935-.219 17.211-8.473 36.428-23.929 51.883-15.456 15.456-34.672 23.71-51.883 23.929z"
/>
<path
fill="url(#k)"
d="M464.641 317.175a11.743 11.743 0 0 1 3.45 8.485c-.219 17.211-8.473 36.427-23.929 51.883s-34.672 23.71-51.883 23.929a11.752 11.752 0 0 1-8.485-3.45z"
/>
<circle cx="424.218" cy="290.164" r="58.602" fill="url(#l)" />
<circle cx="372.74" cy="99.056" r="72.432" fill="url(#m)" />
<circle cx="437.627" cy="154.077" r="72.37" fill="url(#n)" />
<circle cx="460.945" cy="226.447" r="40.594" fill="url(#o)" />
<path
fill="url(#p)"
d="M53.581 158.355a59.875 59.875 0 0 1-4.85-23.669c0-33.181 26.898-60.079 60.079-60.079a59.916 59.916 0 0 1 21.671 4.045C151.744 32.242 198.598 0 252.987 0c74.385 0 134.686 60.301 134.686 134.686 0 6.69-.495 13.264-1.437 19.692 37.134 11.407 64.13 45.973 64.13 86.846 0 50.17-40.671 90.84-90.84 90.84-13.182 0-25.707-2.811-37.012-7.862-9.829 19.789-30.235 33.396-53.828 33.396-20.791 0-39.112-10.563-49.898-26.613-10.786 16.05-29.107 26.613-49.898 26.613-21.982 0-41.197-11.812-51.67-29.428a90.83 90.83 0 0 1-26.376 3.894c-50.17 0-90.84-40.671-90.84-90.84-.001-36.89 21.99-68.643 53.577-82.869z"
/>
<path
fill="url(#q)"
d="M168.884 134.69c0 15.6-5.94 29.8-15.68 40.47 17.54 16.56 28.48 40.03 28.48 66.06 0 2.54-.11 5.06-.31 7.54 20.74 13.06 45.29 20.61 71.61 20.61 6.69 0 13.27-.49 19.69-1.44a90.912 90.912 0 0 1-3.99-26.71c0-50.17 40.67-90.84 90.84-90.84 9.3 0 18.27 1.4 26.71 4 .94-6.43 1.44-13 1.44-19.69C387.674 60.3 327.374 0 252.984 0c-54.38 0-101.24 32.23-122.5 78.64 22.47 8.69 38.4 30.51 38.4 56.05z"
/>
<path
fill="url(#r)"
d="M450.366 241.224c0 50.17-40.671 90.84-90.84 90.84-13.182 0-25.707-2.811-37.012-7.862-9.829 19.789-30.235 33.396-53.828 33.396-20.791 0-39.112-10.563-49.898-26.613-10.786 16.05-29.107 26.613-49.898 26.613-21.982 0-41.197-11.812-51.67-29.428a90.83 90.83 0 0 1-26.376 3.894c-50.17 0-90.84-40.671-90.84-90.84A90.718 90.718 0 0 1 4.49 213h441.391a90.78 90.78 0 0 1 4.485 28.224z"
/>
<circle cx="359.525" cy="241.224" r="90.84" fill="url(#s)" />
<path
fill="url(#t)"
d="M48.734 134.69c0 8.4 1.73 16.41 4.84 23.67 11.37-5.13 23.99-7.98 37.27-7.98 24.14 0 46.09 9.42 62.35 24.79 9.75-10.67 15.69-24.88 15.69-40.48 0-33.18-26.89-60.08-60.07-60.08s-60.08 26.9-60.08 60.08z"
/>
<path
fill="url(#u)"
d="M168.889 237.441c20.791 0 39.112 10.563 49.898 26.613-6.427 9.564-10.181 21.076-10.181 33.466s3.753 23.901 10.181 33.466c-10.786 16.05-29.107 26.613-49.898 26.613-33.181 0-60.079-26.898-60.079-60.079s26.898-60.079 60.079-60.079z"
/>
<path
fill="url(#v)"
d="M443.119 81.935a71.97 71.97 0 0 0-6.239-16.513l-67.747 67.747 121.234 121.234c6.92-7.279 11.172-17.119 11.172-27.956a40.406 40.406 0 0 0-8.91-25.363c10.82-12.648 17.368-29.058 17.368-47.007 0-38.12-29.478-69.333-66.878-72.142z"
/>
<path
fill="url(#w)"
d="M48.735 381.936c-.084-6.628 5.307-12.019 11.935-11.935 17.211.219 36.427 8.473 51.883 23.929s23.71 34.672 23.929 51.883c.084 6.628-5.307 12.019-11.935 11.935-17.211-.219-36.428-8.473-51.883-23.929-15.456-15.456-23.71-34.672-23.929-51.883z"
/>
<path
fill="url(#x)"
d="M133.032 454.297a11.743 11.743 0 0 1-8.485 3.45c-17.211-.219-36.427-8.473-51.883-23.929s-23.71-34.672-23.929-51.883a11.752 11.752 0 0 1 3.45-8.485z"
/>
<path
fill="url(#y)"
d="M377.617 136.619c-6.628.084-12.019-5.307-11.935-11.935.219-17.211 8.473-36.427 23.929-51.883s34.672-23.71 51.883-23.929c6.628-.084 12.019 5.307 11.935 11.935-.219 17.211-8.473 36.428-23.929 51.883-15.455 15.456-34.672 23.71-51.883 23.929z"
/>
<path
fill="url(#z)"
d="M449.979 52.323a11.743 11.743 0 0 1 3.45 8.485c-.219 17.211-8.473 36.427-23.929 51.883s-34.672 23.71-51.883 23.929a11.748 11.748 0 0 1-8.484-3.45z"
/>
</svg>
More icons in the same style and category