Add icons to this collection by clicking the heart icon.
Tree icon - also known as tree, nature, trees, garden, gardening, botanical, yard, ecology, fruit tree, and joshua tree. Created in a clean flat gradient style with a white, black, maroon, and green finish, 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="53.625"
y1="54"
y2="54"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#388e3c" />
<stop offset=".294" stop-color="#328537" />
<stop offset=".781" stop-color="#236b28" />
<stop offset=".994" stop-color="#1b5e20" />
</linearGradient>
<linearGradient
id="c"
x1="5.333"
x2="25.004"
y1="54.5"
y2="54.5"
href="#a"
/>
<linearGradient
id="d"
x1="5.943"
x2="47.479"
y1="19.129"
y2="25.148"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#55ad55" />
<stop offset=".407" stop-color="#4ca44d" />
<stop offset=".994" stop-color="#388e3c" />
</linearGradient>
<linearGradient
id="e"
x1="24"
x2="32"
y1="49"
y2="49"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75574e" />
<stop offset=".265" stop-color="#6c4f47" />
<stop offset=".705" stop-color="#523933" />
<stop offset=".994" stop-color="#3e2723" />
</linearGradient>
<linearGradient
id="b"
x1="16.271"
x2="20.696"
y1="28.14"
y2="29.535"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d64343" />
<stop offset=".343" stop-color="#cf3a3a" />
<stop offset=".912" stop-color="#ba2020" />
<stop offset=".994" stop-color="#b71c1c" />
</linearGradient>
<linearGradient
id="f"
x1="26.205"
x2="30.492"
y1="15.244"
y2="16.404"
href="#b"
/>
<linearGradient
id="g"
x1="45.149"
x2="49.398"
y1="23.348"
y2="24.32"
href="#b"
/>
<linearGradient
id="h"
x1="35.172"
x2="38.893"
y1="30.303"
y2="31.22"
href="#b"
/>
<path
fill="url(#a)"
d="M53.417 52.01a7.998 7.998 0 0 0-11.062-4.132A5.997 5.997 0 0 0 32 52v9a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1 9.01 9.01 0 0 0-8.583-8.99z"
/>
<path
fill="#1b5e20"
d="M54.826 52.196C52.813 59.207 39.453 58.65 32 57.76V61a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1 9.007 9.007 0 0 0-7.174-8.804z"
/>
<path
fill="url(#c)"
d="M24 49a8.95 8.95 0 0 0-2.71.418 6.994 6.994 0 0 0-12.043 2.757A8.99 8.99 0 0 0 2 61a1 1 0 0 0 1 1h29a1 1 0 0 0 1-1v-3a9.01 9.01 0 0 0-9-9z"
/>
<path
fill="#1b5e20"
d="M25.937 49.215c-1.04 11.473-16.85 9.616-23.261 8.378A8.97 8.97 0 0 0 2 61a1 1 0 0 0 1 1h29a1 1 0 0 0 1-1v-3a9.011 9.011 0 0 0-7.063-8.785z"
/>
<path
fill="url(#d)"
d="M50.963 13.33A6.009 6.009 0 0 0 45 8a5.846 5.846 0 0 0-1.408.174 13.972 13.972 0 0 0-23.076-.162 9.994 9.994 0 0 0-9.205 7.533 12.992 12.992 0 1 0 8.502 24.521 7.988 7.988 0 0 0 11.687.738 7.993 7.993 0 0 0 11.642-.677A13.858 13.858 0 0 0 48 41a13.993 13.993 0 0 0 2.963-27.67z"
/>
<rect width="8" height="26" x="28" y="36" fill="url(#e)" rx="1" />
<path
fill="#3e2723"
d="M35 36h-6a1 1 0 0 0-1 1v8.776C30.75 47.25 33.797 51.27 33.154 62H35a1 1 0 0 0 1-1V37a1 1 0 0 0-1-1z"
/>
<circle cx="19" cy="29" r="3" fill="url(#b)" />
<circle cx="29" cy="16" r="3" fill="url(#f)" />
<path
fill="#388e3c"
d="M50.963 13.33a5.998 5.998 0 0 0-2.979-4.518c-.596 32.491-36.69 27.681-43.78 26.42A12.996 12.996 0 0 0 15 41a12.828 12.828 0 0 0 4.813-.934 7.988 7.988 0 0 0 11.687.738 7.993 7.993 0 0 0 11.642-.677A13.858 13.858 0 0 0 48 41a13.993 13.993 0 0 0 2.963-27.67z"
/>
<path
fill="#b71c1c"
d="M30.554 13.446a2.985 2.985 0 0 1-4.108 4.108 2.993 2.993 0 1 0 4.108-4.108zM20.554 26.446a2.985 2.985 0 0 1-4.108 4.108 2.993 2.993 0 1 0 4.108-4.108z"
/>
<circle cx="48" cy="24" r="3" fill="url(#g)" />
<circle cx="38" cy="31" r="3" fill="url(#h)" />
<path
fill="#b71c1c"
d="M39.554 28.446a2.985 2.985 0 0 1-4.108 4.108 2.993 2.993 0 1 0 4.108-4.108zM49.554 21.446a2.985 2.985 0 0 1-4.108 4.108 2.993 2.993 0 1 0 4.108-4.108z"
/>
<g fill="#fff">
<path
d="M4.183 27A.977.977 0 0 1 4 26.983a1 1 0 0 1-.802-1.165c.069-.369.153-.734.254-1.09a1 1 0 0 1 1.924.544q-.126.447-.211.91a1 1 0 0 1-.982.818zM5.999 22.675a.987.987 0 0 1-.574-.183.998.998 0 0 1-.242-1.392 11.972 11.972 0 0 1 8.727-5.051 1 1 0 0 1 .18 1.992 9.98 9.98 0 0 0-7.273 4.209.996.996 0 0 1-.818.425zM21.999 10.364a1 1 0 0 1-.832-1.553 13.104 13.104 0 0 1 6.5-5.07 1 1 0 0 1 .666 1.884 11.093 11.093 0 0 0-5.5 4.293 1 1 0 0 1-.834.446zM11.1 54a1.002 1.002 0 0 1-.98-1.2 5.985 5.985 0 0 1 4.68-4.68 1 1 0 0 1 .4 1.96 3.99 3.99 0 0 0-3.12 3.12 1 1 0 0 1-.98.8zM30 54a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
/>
<circle cx="30" cy="57" r="1" />
</g>
</svg>
More icons in the same style and category