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="#fee45a" />
<stop offset="1" stop-color="#fea613" />
</linearGradient>
<linearGradient
id="e"
x1="3306.277"
x2="3355.448"
y1="-1251.987"
y2="-1202.816"
gradientTransform="rotate(135 1524.535 -1055.801)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="f"
x1="400.703"
x2="472.703"
y1="-279.222"
y2="-293.222"
gradientTransform="matrix(0 -1 -1 0 79.181 764.799)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#904d24" />
<stop offset="1" stop-color="#6d3326" />
</linearGradient>
<linearGradient
id="g"
x1="314.627"
x2="348.627"
y1="288.469"
y2="347.469"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<linearGradient
id="h"
x1="299.087"
x2="270.754"
y1="309.835"
y2="330.502"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="i"
x1="175.182"
x2="164.156"
y1="157.785"
y2="281.83"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="189.271"
x2="181.306"
y1="252.358"
y2="341.963"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="291.996"
x2="285.562"
y1="213.136"
y2="285.519"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="177.184"
x2="305.668"
y1="268.711"
y2="268.711"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="255"
x2="255"
y1="478.667"
y2="505.367"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="3258.726"
x2="3307.897"
y1="-1612.578"
y2="-1563.407"
gradientTransform="rotate(-45 3674.474 3039.433)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="179.35"
x2="251.35"
y1="-567.821"
y2="-581.821"
gradientTransform="matrix(0 1 1 0 704.492 -156.492)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="3463.066"
x2="3512.237"
y1="-1163.331"
y2="-1114.16"
gradientTransform="rotate(45 -67.811 -4423.37)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="352.526"
x2="424.526"
y1="-105.666"
y2="-119.666"
gradientTransform="matrix(-1 0 0 1 497.707 528.645)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="3412.227"
x2="3461.398"
y1="-1584.228"
y2="-1535.057"
gradientTransform="rotate(45 -67.811 -4423.37)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="90.856"
x2="162.856"
y1="-439.234"
y2="-453.234"
gradientTransform="matrix(-1 0 0 1 497.707 528.645)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="322.266"
x2="344.881"
y1="164.124"
y2="199.486"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="359.614"
x2="392.92"
y1="146.331"
y2="164.423"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="361.491"
x2="410.747"
y1="143.72"
y2="192.976"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="335.728"
x2="371.219"
y1="177.547"
y2="213.038"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="140.303"
x2="156.178"
y1="247.435"
y2="272.257"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="166.52"
x2="189.9"
y1="234.944"
y2="247.644"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="155.088"
x2="189.664"
y1="233.112"
y2="267.688"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#e)"
d="M395.455 386.953c6.628.084 12.019-5.307 11.935-11.935-.219-17.211-8.473-36.427-23.929-51.883s-34.672-23.71-51.883-23.929c-6.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(#f)"
d="M323.093 302.657a11.743 11.743 0 0 0-3.45 8.484c.219 17.211 8.473 36.427 23.929 51.883s34.672 23.71 51.883 23.929a11.748 11.748 0 0 0 8.484-3.45z"
/>
<path
fill="url(#g)"
d="M395.636 274.803c-3.132-.758-6.427.555-8.102 3.308-3.789 6.23-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.096l12.721 7.948c.021-.034.145-.229.368-.574 17.093-26.392 46.282-42.445 77.723-42.875 1.284-.018 2.594-.027 3.93-.027 30.402 0 44.101-13.962 49.941-23.625 2.6-4.299.2-9.889-4.684-11.071z"
/>
<path
fill="url(#h)"
d="M313.5 278.595c-34.795 29.931-56.558 64.346-57.861 66.433l12.721 7.948c.021-.034.145-.229.368-.574 10.873-16.788 26.645-29.384 44.773-36.445v-37.362z"
/>
<path
fill="url(#i)"
d="m169.004 212.594 3.231 3.231c8.084 8.084 16.675 15.665 25.924 22.384 22.078 16.036 39.404 41.765 39.601 42.06l6.24-4.161 6.242-4.158c-.873-1.31-19.126-28.443-43.551-46.068-3.686-2.66-4.122-7.98-.908-11.194l6.118-6.117c5.324-5.324 9.084-11.796 11.045-18.857 1.32-4.754-2.248-9.464-7.182-9.464h-.107c-3.403 0-6.29 2.329-7.218 5.603-1.285 4.534-3.717 8.686-7.138 12.107l-4.33 4.33c-4.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.536l-10.446-10.446c-2.904-2.904-7.673-3.198-10.663-.383a7.5 7.5 0 0 0-.168 10.766l10.373 10.379c10.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(#j)"
d="M211.044 284.985c.363-11.639-10.796-19.483-19.328-23.937-3.895-2.033-8.69-.35-10.425 3.686a7.524 7.524 0 0 0 3.403 9.624c8.902 4.69 11.408 8.465 11.358 10.157-.041 1.359-1.383 3.25-3.683 5.294-6.475 5.754-15.336 8.062-23.854 6.488-12.983-2.4-27.396-3.926-43.149-3.994-4.251-.018-7.691 3.45-7.579 7.7.106 4.04 3.398 7.282 7.44 7.3 36.38.157 64.879 8.794 82.788 16.269 20.74 8.657 32.185 17.692 32.298 17.783l9.387-11.7c-1.206-.97-19.098-15.05-51.048-25.64 6.439-4.673 12.143-11.04 12.392-19.03z"
/>
<path
fill="url(#k)"
d="M315.087 235.317c3.407-1.857 4.785-6.045 3.212-9.593-1.784-4.023-6.625-5.637-10.489-3.53-32.23 17.577-48.741 49.051-49.476 50.477l13.327 6.883c.16-.306 15.246-28.874 43.426-44.237z"
/>
<path
fill="url(#l)"
d="M327.62 169.983c-8.538 0-16.563 3.324-22.6 9.361-3.199 3.198-7.563 4.959-12.086 4.97-10.039.026-19.088 4.341-25.407 11.207-2.589 2.813-7.18.317-6.186-3.375 3.885-14.427 12.4-32.716 30.771-49.781 14.368-13.347 23.439-31.309 23.437-50.932-.002-13.807 5.455-27.055 15.219-36.818l14.168-14.167c2.904-2.904 3.199-7.674.383-10.663a7.5 7.5 0 0 0-10.767-.166l-13.745 13.745c-12.744 12.744-20.329 29.957-20.258 47.98.06 15.116-6.259 29.534-17.796 39.293a130.18 130.18 0 0 0-31.119 38.703v-.517c0-25.193-20.496-45.688-45.688-45.688-11.824 0-21.465-9.531-21.643-21.314-.148-9.802-3.727-19.237-10.659-26.168l-29.06-29.06c-2.904-2.904-7.674-3.198-10.663-.383a7.5 7.5 0 0 0-.166 10.767l29.199 29.2c4.073 4.073 6.339 9.602 6.346 15.362.027 20.289 16.629 36.768 36.964 36.595 16.825-.143 30.371 13.865 30.371 30.69l.574 88.679c.509 59.201-1.369 186.992-25.377 237.971-3.184 6.761 1.838 14.529 9.311 14.529h67.716c7.522 0 12.463-7.815 9.266-14.624-25.403-54.106-25.986-194.305-25.219-247.751l.461-28.655c0-10.846 8.831-19.669 19.68-19.656 8.474.01 16.632-3.502 22.667-9.451a16.851 16.851 0 0 1 11.906-4.88h25.412a7.5 7.5 0 0 0 0-15H327.62z"
/>
<path
fill="url(#m)"
d="M211.9 495.324c-3.202 6.831 1.697 14.676 9.242 14.676h67.716c7.545 0 12.444-7.845 9.242-14.676-5.203-11.101-9.364-25.816-12.685-42.657h-60.831c-3.32 16.841-7.481 31.556-12.684 42.657z"
/>
<path
fill="url(#n)"
d="M99.618.001C92.99-.083 87.599 5.308 87.683 11.936c.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.883S116.829.22 99.618.001z"
/>
<path
fill="url(#o)"
d="M171.98 84.297a11.743 11.743 0 0 0 3.45-8.485c-.219-17.211-8.473-36.427-23.929-51.883S116.829.22 99.618.001a11.752 11.752 0 0 0-8.485 3.45z"
/>
<path
fill="url(#p)"
d="M168.038 385.927c.084-6.628-5.307-12.019-11.935-11.935-17.211.219-36.427 8.473-51.883 23.929s-23.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(#q)"
d="M83.742 458.288a11.743 11.743 0 0 0 8.485 3.45c17.211-.219 36.427-8.473 51.883-23.929s23.71-34.672 23.929-51.883a11.748 11.748 0 0 0-3.45-8.484z"
/>
<path
fill="url(#r)"
d="M429.708 52.359c.084-6.628-5.307-12.019-11.935-11.935-17.211.219-36.427 8.473-51.883 23.929s-23.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.929s23.71-34.672 23.929-51.883z"
/>
<path
fill="url(#s)"
d="M345.412 124.721a11.743 11.743 0 0 0 8.484 3.45c17.211-.219 36.427-8.473 51.883-23.929s23.71-34.672 23.929-51.883a11.752 11.752 0 0 0-3.45-8.485z"
/>
<circle cx="325.645" cy="169.409" r="29.269" fill="url(#t)" />
<circle cx="358.651" cy="145.808" r="36.176" fill="url(#u)" />
<circle cx="391.059" cy="173.288" r="36.145" fill="url(#v)" />
<circle cx="351.744" cy="193.562" r="20.275" fill="url(#w)" />
<circle cx="142.676" cy="251.144" r="20.545" fill="url(#x)" />
<circle cx="165.845" cy="234.577" r="25.394" fill="url(#y)" />
<circle cx="175.843" cy="253.867" r="25.372" fill="url(#z)" />
</svg>
More icons in the same style and category