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="g"
x1="317.848"
x2="338.511"
y1="374.888"
y2="407.985"
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="h"
x1="317.175"
x2="293.009"
y1="402.471"
y2="414.308"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="340.157"
x2="345.089"
y1="378.945"
y2="347.381"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#feaee1" />
<stop offset="1" stop-color="#fe5694" />
</linearGradient>
<linearGradient
id="j"
x1="129.568"
x2="99.078"
y1="176.137"
y2="256.313"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="382.771"
x2="412.131"
y1="142.622"
y2="225.057"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="229.893"
x2="344.211"
y1="98.054"
y2="212.371"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="196.709"
x2="327.737"
y1="217.286"
y2="457.169"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="209.017"
x2="200.14"
y1="372.059"
y2="394.252"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="205.352"
x2="292.574"
y1="434.02"
y2="434.02"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="262.234"
x2="315.726"
y1="439.196"
y2="402.419"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="244.538"
x2="166.926"
y1="454.65"
y2="519.052"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="255"
x2="255"
y1="482.382"
y2="511.546"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#e30256" stop-opacity="0" />
<stop offset="1" stop-color="#e30256" />
</linearGradient>
<linearGradient
id="s"
x1="255"
x2="255"
y1="296.451"
y2="482.898"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="281.782"
x2="380.588"
y1="183.615"
y2="139.75"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="156.825"
x2="64.147"
y1="212.764"
y2="240.244"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="254.977"
x2="349.669"
y1="293.557"
y2="386.276"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="346.456"
x2="475.235"
y1="210.69"
y2="206.918"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="265.99"
x2="265.99"
y1="437.173"
y2="342.657"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="y"
x1="192.188"
x2="285.868"
y1="91.559"
y2="243.789"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="376.865"
x2="399.29"
y1="354.339"
y2="386.769"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="91.497"
x2="104.333"
y1="350.597"
y2="384.166"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<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="B"
x1="404.347"
x2="421.461"
y1="174.867"
y2="220.943"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="C"
x1="114.486"
x2="118.435"
y1="182.403"
y2="215.479"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="D"
x1="282.649"
x2="384.655"
y1="182.899"
y2="137.614"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="E"
x1="349.418"
x2="482.367"
y1="210.85"
y2="206.956"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="F"
x1="265.848"
x2="377.747"
y1="131.626"
y2="246.816"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="G"
x1="151.421"
x2="176.621"
y1="321.95"
y2="358.393"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="H"
x1="402.712"
x2="425.169"
y1="68.501"
y2="90.958"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="I"
x1="220.302"
x2="242.759"
y1="451.199"
y2="473.656"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="J"
x1="430.437"
x2="443.236"
y1="482.044"
y2="494.843"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="K"
x1="224.383"
x2="237.182"
y1="236.499"
y2="249.298"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="L"
x1="368.338"
x2="381.137"
y1="230.876"
y2="243.675"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="M"
x1="146.407"
x2="159.206"
y1="21.214"
y2="34.013"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="N"
x1="45.44"
x2="58.239"
y1="210.967"
y2="223.765"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="O"
x1="354.171"
x2="373.433"
y1="417.183"
y2="436.446"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="P"
x1="73.065"
x2="92.327"
y1="90.861"
y2="110.123"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="Q"
x1="270.537"
x2="289.799"
y1="107.834"
y2="127.096"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="R"
x1="102.76"
x2="122.023"
y1="438.194"
y2="457.456"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#g)"
d="M356.567 312.113C349.968 369.579 306.942 414.074 255 414.074v24.659c65.426 0 119.469-55.523 126.364-126.621h-24.797z"
/>
<path
fill="url(#h)"
d="M349.997 390.969h-34.021c-17.047 14.51-38.15 23.105-60.976 23.105v24.659c37.743 0 71.696-18.479 94.997-47.764z"
/>
<path
fill="url(#i)"
d="M356.567 312.113c-4.237 36.9-23.495 68.45-50.488 86.308h37.538c20.627-22.444 34.48-52.625 37.747-86.308z"
/>
<circle cx="122.2" cy="195.51" r="78.337" fill="url(#j)" />
<circle cx="393.001" cy="171.345" r="55.685" fill="url(#k)" />
<circle cx="256.022" cy="124.182" r="117.725" fill="url(#l)" />
<path
fill="url(#m)"
d="M478.756 273.967c2.123-20.285-4.576-41.318-20.122-56.863-16.204-16.204-38.372-22.806-59.438-19.813-6.098-22.747-26.848-39.499-51.518-39.499a53.074 53.074 0 0 0-28.985 8.572c-11.061-24.131-35.411-40.901-63.692-40.901s-52.632 16.771-63.692 40.901a53.077 53.077 0 0 0-28.985-8.572c-24.671 0-45.42 16.752-51.518 39.499-21.066-2.993-43.234 3.609-59.438 19.813-17.762 17.761-23.977 42.686-18.673 65.473C14.75 293.291 2.88 313.121 3.498 335.678c.871 31.757 26.925 57.57 58.689 58.163 22.831.426 42.798-11.942 53.253-30.406 17.533 18.068 42.071 29.3 69.235 29.3 16.28 0 31.619-4.033 45.071-11.154 13.769-7.289 30.366-7.394 43.994.155 10.534 5.835 22.652 9.158 35.549 9.158 23.243 0 43.952-10.799 57.422-27.641 12.063 25.135 37.993 42.351 67.877 41.727 39.101-.816 71.035-32.693 71.918-71.793.541-23.989-10.426-45.426-27.75-59.22z"
/>
<path
fill="url(#n)"
d="M181.081 353.759a53.062 53.062 0 0 1-18.761 3.403c-3.403 0-6.737-.316-9.972-.927 23.14 35.361 60.544 58.364 102.652 58.364V389.94c-29.019-.001-55.266-13.889-73.919-36.181z"
/>
<path
fill="url(#o)"
d="M325.2 510H184.8c-14.362 0-21.641-17.4-11.452-27.52 34.858-34.661 48.717-87.935 54.221-124.431 8.424 3.591 17.696 5.573 27.431 5.573s18.998-1.992 27.421-5.583c5.514 36.496 19.362 89.78 54.231 124.441C346.841 492.6 339.562 510 325.2 510z"
/>
<path
fill="url(#p)"
d="M291.861 510H218.14c-7.546 0-11.363-17.4-6.017-27.52 17.646-33.408 25.044-84.118 28.141-120.416A69.733 69.733 0 0 0 255 363.622c5.05 0 9.982-.533 14.736-1.558 3.097 36.299 10.495 87.008 28.141 120.416 5.347 10.12 1.529 27.52-6.016 27.52z"
/>
<path
fill="url(#q)"
d="M291.861 510H218.14c-7.546 0-11.363-17.4-6.017-27.52 17.646-33.408 25.044-84.118 28.141-120.416A69.733 69.733 0 0 0 255 363.622c5.05 0 9.982-.533 14.736-1.558 3.097 36.299 10.495 87.008 28.141 120.416 5.347 10.12 1.529 27.52-6.016 27.52z"
/>
<path
fill="url(#r)"
d="M173.348 482.476C163.164 492.6 170.438 510 184.798 510h140.404c14.36 0 21.634-17.4 11.45-27.524-11.798-11.727-21.185-25.588-28.662-40.207H202.01c-7.477 14.62-16.865 28.481-28.662 40.207z"
/>
<path
fill="url(#s)"
d="M51.366 316.166c18.227 18.227 43.997 24.292 67.261 18.228 9.648 13.759 25.616 22.763 43.696 22.763 15.783 0 29.96-6.86 39.726-17.754 12.844 14.828 31.795 24.22 52.951 24.22s40.107-9.393 52.951-24.22c9.767 10.895 23.943 17.754 39.726 17.754 18.08 0 34.048-9.004 43.696-22.763 23.263 6.064 49.033-.001 67.261-18.228 14.99-14.99 21.746-35.082 20.307-54.686H31.058c-1.438 19.603 5.318 39.696 20.308 54.686z"
/>
<path
fill="url(#t)"
d="M294.334 211.136c0-18.77 9.703-35.264 24.358-44.772-11.061-24.131-35.411-40.901-63.692-40.901-38.686 0-70.047 31.361-70.047 70.047s31.361 70.047 70.047 70.047c19.904 0 37.855-8.316 50.607-21.645-7.057-9.045-11.273-20.415-11.273-32.776z"
/>
<path
fill="url(#u)"
d="M215.666 211.136c0 26.542-19.387 48.559-44.776 52.654-.69-16.973-7.501-33.73-20.465-46.684-11.154-11.154-25.12-17.76-39.625-19.818 6.089-22.749 26.855-39.496 51.522-39.496 29.463 0 53.344 23.881 53.344 53.344z"
/>
<path
fill="url(#v)"
d="M294.334 303.814c0-17.906 8.832-33.739 22.367-43.414-11.827-21.95-35.02-36.87-61.701-36.87-38.686 0-70.047 31.361-70.047 70.047s31.361 70.047 70.047 70.047c21.156 0 40.107-9.393 52.951-24.22-8.464-9.442-13.617-21.913-13.617-35.59z"
/>
<path
fill="url(#w)"
d="M399.2 197.288c-14.505 2.058-28.471 8.664-39.625 19.818-12.964 12.953-19.775 29.711-20.465 46.684-25.389-4.095-44.776-26.112-44.776-52.654 0-29.463 23.881-53.344 53.344-53.344 24.667 0 45.433 16.747 51.522 39.496z"
/>
<path
fill="url(#x)"
d="M282.421 358.04c-8.424 3.591-17.686 5.583-27.421 5.583s-19.007-1.982-27.431-5.573l76.842 76.842c-12.253-26.535-18.653-54.766-21.99-76.852z"
/>
<path
fill="url(#y)"
d="m454.113 227.492.544-7.213c.544-7.212-3.338-14.108-9.888-17.174l-.112-.052c7.143-10.25 11.046-22.927 10.183-36.556-1.812-28.589-24.875-51.724-53.458-53.624a44.267 44.267 0 0 0-.623-.038 29.713 29.713 0 0 1-27.134-22.177C359.961 38.492 312.506.004 256.055.004c-60.259 0-110.269 43.856-119.868 101.39-1.286 7.71-8.022 13.184-15.835 12.948a79.907 79.907 0 0 0-2.452-.037c-44.665 0-80.874 36.209-80.874 80.874 0 .538.005 1.074.016 1.61.285 14.321 11.629 26.152 25.95 26.447l.3.005h.539c10.243 0 19.508-3.403 26.213-8.912 6.722-5.509 10.866-13.123 10.866-21.513v-20.62c0-13.073 12.921-23.686 28.858-23.686 7.968 0 15.162 2.662 20.384 6.941s8.457 10.192 8.457 16.746c0 9.366 4.616 17.84 12.113 23.989 7.463 6.132 17.807 9.939 29.229 9.939h27.207c25.337 0 45.873 16.847 45.873 37.635v24.916c0 17.975 17.739 32.547 39.64 32.547 10.95 0 20.873-3.639 28.049-9.535 7.177-5.879 11.607-14.016 11.607-23.012v-44.98c0-9.704 9.586-17.571 21.412-17.571 5.93 0 11.287 1.954 15.162 5.138l.044.037a10.249 10.249 0 0 1 3.696 7.879v8.313c0 16.975 13.761 30.736 30.736 30.736 16.975.001 30.736-13.76 30.736-30.736z"
/>
<path
fill="url(#z)"
d="M433.558 369.517c2.232 6.455.093 13.491-5.095 17.934-.393.337-.778.688-1.153 1.054l-9.901 9.656c-9.391 9.159-24.759 9.159-34.151 0l-9.901-9.656c-3.726-3.635-9.953-4.989-16.115-5.311-10.919-.554-18.487-11.396-14.748-21.658.103-.297.219-.593.322-.877 4.035-10.623 15.29-16.772 26.377-14.297 10.997 2.45 23.502 3.842 36.768 3.842h.213c12.331-.015 23.355 7.659 27.384 19.313z"
/>
<path
fill="url(#A)"
d="M51.726 364.425c-2.232 6.455-.093 13.491 5.095 17.934.393.337.778.688 1.153 1.054l9.901 9.656c9.391 9.159 24.759 9.159 34.151 0l9.901-9.656c3.726-3.635 9.953-4.989 16.115-5.311 10.919-.554 18.487-11.396 14.748-21.658-.103-.297-.219-.593-.322-.877-4.035-10.623-15.29-16.772-26.377-14.297-10.997 2.45-23.502 3.842-36.768 3.842h-.213c-12.331-.015-23.355 7.658-27.384 19.313z"
/>
<path
fill="url(#B)"
d="M350.679 156.24c25.47 0 46.891 17.295 53.187 40.778 13.758-1.955 27.97.06 40.792 6.035a57.202 57.202 0 0 0 10.301-32.822c0-31.75-25.738-57.489-57.488-57.489-27.197 0-49.967 18.893-55.943 44.266a55.286 55.286 0 0 1 9.151-.768z"
/>
<path
fill="url(#C)"
d="M37.026 195.179c0 .538.005 1.074.016 1.61a27.217 27.217 0 0 0 8.86 19.586c15.194-14.557 35.172-21.195 54.735-19.92.174-1.194.274-2.407.274-3.639v-20.62c0-13.073 12.921-23.686 28.858-23.686 7.968 0 15.162 2.662 20.384 6.941.52.426 1.014.873 1.493 1.33 2.509-.35 5.07-.541 7.675-.541a54.789 54.789 0 0 1 29.924 8.85 72.242 72.242 0 0 1 1.994-3.998c-12.863-27.627-40.856-46.787-73.34-46.787-44.665 0-80.873 36.209-80.873 80.874z"
/>
<path
fill="url(#D)"
d="M295.608 211.311c0-19.378 10.017-36.406 25.147-46.222-11.419-24.912-36.557-42.226-65.755-42.226-39.939 0-72.316 32.377-72.316 72.316s32.377 72.316 72.316 72.316c20.549 0 39.081-8.585 52.246-22.346-7.285-9.339-11.638-21.077-11.638-33.838z"
/>
<path
fill="url(#E)"
d="M350.679 156.24c-30.417 0-55.071 24.654-55.071 55.071 0 27.402 20.015 50.131 46.226 54.359.491-12.078 3.986-24.05 10.493-34.704v-7.27c0-9.704 9.586-17.571 21.412-17.571 1.193 0 2.356.099 3.495.252a71.97 71.97 0 0 1 26.635-9.362c-6.285-23.486-27.724-40.775-53.19-40.775z"
/>
<path
fill="url(#F)"
d="M256.056 0c-67.129 0-121.541 54.422-121.541 121.541 0 41.863 21.169 78.789 53.385 100.649a72.27 72.27 0 0 1-5.213-27.013c0-39.938 32.375-72.313 72.313-72.313 29.186 0 54.323 17.298 65.747 42.209a54.846 54.846 0 0 1 29.936-8.837 54.848 54.848 0 0 1 20.616 3.999c4.078-12.154 6.289-25.167 6.289-38.694C377.588 54.422 323.176 0 256.056 0z"
/>
<path
fill="url(#G)"
d="M216.501 331.652c-3.537-9.085-13.255-14.272-22.765-12.128-9.56 2.155-20.452 3.377-32.015 3.377-11.468 0-22.274-1.202-31.777-3.324-9.588-2.141-19.315 3.173-22.804 12.357-.096.252-.19.504-.282.758-3.232 8.881 3.306 18.252 12.744 18.734 5.335.272 10.716 1.447 13.936 4.587l8.558 8.351c8.157 7.956 21.372 7.956 29.529 0l8.558-8.351c8.157-7.956 21.379-7.956 29.529 0l.569.555c3.796 3.702 10.202 1.001 10.162-4.301a57.841 57.841 0 0 0-3.942-20.615z"
/>
<circle cx="412.202" cy="77.991" r="24.495" fill="url(#H)" />
<circle cx="229.792" cy="460.689" r="24.495" fill="url(#I)" />
<circle cx="435.845" cy="487.453" r="13.96" fill="url(#J)" />
<circle cx="229.792" cy="241.907" r="13.96" fill="url(#K)" />
<circle cx="373.747" cy="236.285" r="13.96" fill="url(#L)" />
<circle cx="151.816" cy="26.623" r="13.96" fill="url(#M)" />
<circle cx="50.848" cy="216.375" r="13.96" fill="url(#N)" />
<circle cx="362.311" cy="425.323" r="21.01" fill="url(#O)" />
<circle cx="81.205" cy="99.001" r="21.01" fill="url(#P)" />
<circle cx="278.677" cy="115.974" r="21.01" fill="url(#Q)" />
<circle cx="110.9" cy="446.334" r="21.01" fill="url(#R)" />
</svg>
More icons in the same style and category