Add icons to this collection by clicking the heart icon.
Tree icon - also known as tree, nature, garden, and yard. Created in a clean flat gradient style with a white and black 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 71.967 71.967"
>
<linearGradient
id="a"
x1="35.983"
x2="35.983"
y1="71.967"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M71.966 35.983C71.966 16.11 55.856 0 35.983 0S0 16.11 0 35.983s16.11 35.984 35.983 35.984 35.983-16.11 35.983-35.984z"
/>
<path
fill="#fefefe"
d="M24.649 35.842c-3.032 0-5.5-1.868-5.5-4.16 0-.458.106-.916.282-1.34-1.657-.74-2.715-2.08-2.715-3.56 0-1.834 1.516-3.385 3.737-3.949a2.942 2.942 0 0 1-.105-.775c0-1.975 2.08-3.561 4.653-3.561.459 0 .917.035 1.34.14.106-2.432 3.244-4.336 7.227-4.336 2.926 0 5.535 1.093 6.628 2.68a3.68 3.68 0 0 1 1.516-.353c1.41 0 2.574.846 2.75 1.94.317-.036.635-.071.952-.071 2.574 0 4.654 1.586 4.654 3.56 0 .212-.036.388-.07.565 2.925.106 5.252 1.904 5.252 4.125 0 1.903-1.692 3.525-4.09 3.983.036.212.071.423.071.635 0 2.291-2.468 4.16-5.465 4.16-.352 0-.634-.282-.634-.635s.282-.634.635-.634c2.326 0 4.23-1.305 4.23-2.926 0-.282-.07-.564-.211-.917a.638.638 0 0 1 .035-.564.563.563 0 0 1 .493-.282c2.08-.176 3.702-1.446 3.702-2.856 0-1.621-1.904-2.926-4.266-2.926-.211 0-.423 0-.634.035a.595.595 0 0 1-.6-.282c-.14-.211-.14-.458 0-.634.177-.317.283-.6.283-.917 0-1.269-1.552-2.327-3.42-2.327-.53 0-1.023.07-1.481.247-.247.07-.529 0-.67-.176a.648.648 0 0 1-.07-.705.665.665 0 0 0 .07-.282c0-.423-.634-.917-1.516-.917-.529 0-1.022.176-1.304.459a.65.65 0 0 1-.564.176.574.574 0 0 1-.459-.388c-.599-1.48-3.067-2.574-5.852-2.574-3.244 0-5.993 1.481-5.993 3.209 0 .211.035.387.105.564a.592.592 0 0 1-.14.67.593.593 0 0 1-.67.105A4.49 4.49 0 0 0 25 19.66c-1.868 0-3.42 1.058-3.42 2.327 0 .317.106.635.283.917.105.176.14.388.035.6s-.282.316-.494.352c-2.01.246-3.455 1.445-3.455 2.855 0 1.128 1.023 2.186 2.574 2.644.176.07.352.212.423.388a.566.566 0 0 1-.106.564c-.282.423-.458.882-.458 1.305 0 1.586 1.939 2.926 4.266 2.926.352 0 .634.282.634.635 0 .352-.282.67-.634.67z"
/>
<path
fill="#fefefe"
d="M48.023 57.665H22.04a.668.668 0 0 1-.564-.317.593.593 0 0 1 .035-.635c7.791-10.964 7.157-18.685 3.102-30.002-.105-.317.036-.67.388-.775l1.27-.459c.14-.07.317-.035.458.036.14.07.247.211.317.352.987 2.785 1.763 5.147 2.397 7.051.811 2.468 1.552 4.619 1.975 5.394.388-.916.952-3.56 1.657-6.769.317-1.516.705-3.279 1.128-5.288a.562.562 0 0 1 .458-.458c.212-.07.459 0 .635.176L40.549 32l2.785-5.36c.07-.14.211-.246.352-.317.177-.035.318-.035.459.036l1.163.634c.282.177.423.53.247.811-5.077 9.801-4.16 18.967 2.926 28.91.141.175.141.422.035.634a.552.552 0 0 1-.493.317zm-24.784-1.234h23.62c-6.522-9.695-7.403-19.108-2.608-28.697l-.07-.036-2.892 5.606c-.106.176-.282.317-.458.317s-.388-.07-.529-.211l-5.112-5.747c-.317 1.516-.6 2.891-.881 4.09-1.34 6.416-1.657 7.932-2.786 8.003-1.057.035-1.516-1.34-3.243-6.452-.6-1.763-1.305-3.949-2.186-6.452h-.106c3.914 11.07 4.478 18.897-2.75 29.58z"
/>
<path
fill="#fefefe"
d="M44.25 55.374H26.025a.668.668 0 0 1-.564-.318.671.671 0 0 1 .035-.634c2.221-3.138 3.49-5.923 3.984-8.743.07-.353.387-.565.705-.494.352.07.564.388.493.705-.458 2.715-1.586 5.394-3.525 8.285h15.865c-1.904-2.856-3.068-5.64-3.561-8.426a.588.588 0 0 1 .493-.705c.318-.07.67.176.706.493.493 2.927 1.833 5.853 4.019 8.92.14.176.14.423.035.634 0 .177-.212.283-.458.283z"
/>
</g>
</svg>
More icons in the same style and category