trees icon

Trees: forest, woods, woodland, forestry. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8.914 2.586C8.914 2.448 8.963 2.33 9.061 2.232L9.086 2.207C9.266 2.027 9.472 1.887 9.706 1.786C9.959 1.676 10.224 1.621 10.5 1.621C10.776 1.621 11.041 1.676 11.294 1.786C11.528 1.887 11.734 2.027 11.914 2.207L13.854 4.146C13.951 4.244 14 4.362 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.707 5L14.854 7.146C14.951 7.244 15 7.362 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L12.707 8L14.854 10.146C14.951 10.244 15 10.362 15 10.5C15 10.641 14.952 10.759 14.856 10.856C14.759 10.952 14.641 11 14.5 11L12.5 11C12.359 11 12.241 10.952 12.144 10.856C12.048 10.759 12 10.641 12 10.5C12 10.359 12.048 10.241 12.144 10.144C12.241 10.048 12.359 10 12.5 10L13.293 10L11.146 7.854C11.047 7.754 10.997 7.636 10.997 7.5C10.997 7.364 11.047 7.246 11.146 7.146C11.244 7.049 11.362 7 11.5 7L13.293 7L11.146 4.854C11.047 4.754 10.997 4.636 10.997 4.5C10.997 4.364 11.047 4.246 11.146 4.146C11.244 4.049 11.362 4 11.5 4L12.293 4L11.207 2.914C11.012 2.719 10.776 2.621 10.5 2.621C10.224 2.621 9.988 2.719 9.793 2.914L9.768 2.939C9.668 3.039 9.55 3.089 9.414 3.089C9.278 3.089 9.16 3.039 9.061 2.939C8.963 2.842 8.914 2.724 8.914 2.586ZM10 5.5C10 5.641 9.952 5.759 9.856 5.856C9.759 5.952 9.641 6 9.5 6L7.707 6L9.854 8.146C9.951 8.244 10 8.362 10 8.5C10 8.641 9.952 8.759 9.856 8.856C9.759 8.952 9.641 9 9.5 9L8.707 9L10.854 11.146C10.951 11.244 11 11.362 11 11.5C11 11.641 10.952 11.759 10.856 11.856C10.759 11.952 10.641 12 10.5 12L7 12L7 14.5C7 14.641 6.952 14.759 6.856 14.856C6.759 14.952 6.641 15 6.5 15C6.359 15 6.241 14.952 6.144 14.856C6.048 14.759 6 14.641 6 14.5L6 12L2.5 12C2.362 12 2.244 11.951 2.146 11.854C2.047 11.754 1.997 11.636 1.997 11.5C1.997 11.364 2.047 11.246 2.146 11.146L4.293 9L2.5 9C2.362 9 2.244 8.951 2.146 8.854C2.047 8.754 1.997 8.636 1.997 8.5C1.997 8.364 2.047 8.246 2.146 8.146L4.293 6L3.5 6C3.362 6 3.244 5.951 3.146 5.854C3.049 5.756 3 5.638 3 5.5C3 5.362 3.049 5.244 3.146 5.146L5.086 3.207C5.266 3.027 5.472 2.887 5.706 2.786C5.959 2.676 6.224 2.621 6.5 2.621C6.776 2.621 7.041 2.676 7.294 2.786C7.528 2.887 7.734 3.027 7.914 3.207L9.854 5.146C9.951 5.244 10 5.362 10 5.5ZM6 5.491L6 5.489C6 5.429 6.011 5.371 6.033 5.316C6.059 5.253 6.097 5.196 6.146 5.146C6.244 5.049 6.362 5 6.5 5L8.293 5L7.207 3.914C7.012 3.719 6.776 3.621 6.5 3.621C6.224 3.621 5.988 3.719 5.793 3.914L4.707 5L5.5 5C5.641 5 5.759 5.048 5.856 5.144C5.95 5.238 5.998 5.354 6 5.491ZM3.707 8L5.5 8C5.641 8 5.759 8.048 5.856 8.144C5.952 8.241 6 8.359 6 8.5C6 8.638 5.951 8.756 5.854 8.854L3.707 11L9.293 11L7.146 8.854C7.047 8.754 6.997 8.636 6.997 8.5C6.997 8.364 7.047 8.246 7.146 8.146C7.244 8.049 7.362 8 7.5 8L8.293 8L6.146 5.854C6.097 5.804 6.059 5.747 6.033 5.684C6.01 5.629 5.999 5.569 6 5.509C5.998 5.643 5.949 5.758 5.854 5.854L3.707 8Z"/></svg>

React

// Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees
import type { SVGProps } from 'react';

export function TreesIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M8.914 2.586C8.914 2.448 8.963 2.33 9.061 2.232L9.086 2.207C9.266 2.027 9.472 1.887 9.706 1.786C9.959 1.676 10.224 1.621 10.5 1.621C10.776 1.621 11.041 1.676 11.294 1.786C11.528 1.887 11.734 2.027 11.914 2.207L13.854 4.146C13.951 4.244 14 4.362 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.707 5L14.854 7.146C14.951 7.244 15 7.362 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L12.707 8L14.854 10.146C14.951 10.244 15 10.362 15 10.5C15 10.641 14.952 10.759 14.856 10.856C14.759 10.952 14.641 11 14.5 11L12.5 11C12.359 11 12.241 10.952 12.144 10.856C12.048 10.759 12 10.641 12 10.5C12 10.359 12.048 10.241 12.144 10.144C12.241 10.048 12.359 10 12.5 10L13.293 10L11.146 7.854C11.047 7.754 10.997 7.636 10.997 7.5C10.997 7.364 11.047 7.246 11.146 7.146C11.244 7.049 11.362 7 11.5 7L13.293 7L11.146 4.854C11.047 4.754 10.997 4.636 10.997 4.5C10.997 4.364 11.047 4.246 11.146 4.146C11.244 4.049 11.362 4 11.5 4L12.293 4L11.207 2.914C11.012 2.719 10.776 2.621 10.5 2.621C10.224 2.621 9.988 2.719 9.793 2.914L9.768 2.939C9.668 3.039 9.55 3.089 9.414 3.089C9.278 3.089 9.16 3.039 9.061 2.939C8.963 2.842 8.914 2.724 8.914 2.586ZM10 5.5C10 5.641 9.952 5.759 9.856 5.856C9.759 5.952 9.641 6 9.5 6L7.707 6L9.854 8.146C9.951 8.244 10 8.362 10 8.5C10 8.641 9.952 8.759 9.856 8.856C9.759 8.952 9.641 9 9.5 9L8.707 9L10.854 11.146C10.951 11.244 11 11.362 11 11.5C11 11.641 10.952 11.759 10.856 11.856C10.759 11.952 10.641 12 10.5 12L7 12L7 14.5C7 14.641 6.952 14.759 6.856 14.856C6.759 14.952 6.641 15 6.5 15C6.359 15 6.241 14.952 6.144 14.856C6.048 14.759 6 14.641 6 14.5L6 12L2.5 12C2.362 12 2.244 11.951 2.146 11.854C2.047 11.754 1.997 11.636 1.997 11.5C1.997 11.364 2.047 11.246 2.146 11.146L4.293 9L2.5 9C2.362 9 2.244 8.951 2.146 8.854C2.047 8.754 1.997 8.636 1.997 8.5C1.997 8.364 2.047 8.246 2.146 8.146L4.293 6L3.5 6C3.362 6 3.244 5.951 3.146 5.854C3.049 5.756 3 5.638 3 5.5C3 5.362 3.049 5.244 3.146 5.146L5.086 3.207C5.266 3.027 5.472 2.887 5.706 2.786C5.959 2.676 6.224 2.621 6.5 2.621C6.776 2.621 7.041 2.676 7.294 2.786C7.528 2.887 7.734 3.027 7.914 3.207L9.854 5.146C9.951 5.244 10 5.362 10 5.5ZM6 5.491L6 5.489C6 5.429 6.011 5.371 6.033 5.316C6.059 5.253 6.097 5.196 6.146 5.146C6.244 5.049 6.362 5 6.5 5L8.293 5L7.207 3.914C7.012 3.719 6.776 3.621 6.5 3.621C6.224 3.621 5.988 3.719 5.793 3.914L4.707 5L5.5 5C5.641 5 5.759 5.048 5.856 5.144C5.95 5.238 5.998 5.354 6 5.491ZM3.707 8L5.5 8C5.641 8 5.759 8.048 5.856 8.144C5.952 8.241 6 8.359 6 8.5C6 8.638 5.951 8.756 5.854 8.854L3.707 11L9.293 11L7.146 8.854C7.047 8.754 6.997 8.636 6.997 8.5C6.997 8.364 7.047 8.246 7.146 8.146C7.244 8.049 7.362 8 7.5 8L8.293 8L6.146 5.854C6.097 5.804 6.059 5.747 6.033 5.684C6.01 5.629 5.999 5.569 6 5.509C5.998 5.643 5.949 5.758 5.854 5.854L3.707 8Z" />
    </svg>
  );
}

Vue

Vue: see /icons/trees.md

Svelte

Svelte: see /icons/trees.md

HTML img

HTML img: see /icons/trees.md

CSS

CSS: see /icons/trees.md

Data URL

Data URL: see /icons/trees.md

Sprite

Sprite: see /icons/trees.md

SwiftUI

SwiftUI: see /icons/trees.md

Compose

Compose: see /icons/trees.md

Android XML

Android XML: see /icons/trees.md

Flutter

Flutter: see /icons/trees.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

forest, woods, woodland, forestry

Alternatives

tree: a single tree or a park

Also fits

tree: a forest or woods
park: a forest or woods

Tags

trees, forest, woods, park, nature, outdoors, woodland, environment, camping

Category

Nature & animals

Component name

TreesIcon

History

2026-10-16 added

Family 2

tree tree-evergreen

More nature & animals icons

cactus cat clover dog feather fish fish-off flower horse leaf mountain paw paw-off potted-plant rabbit recycle · all nature & animals icons

For agents

Metadata: /icons/trees.json · Markdown: /icons/trees.md · SVG: https://gentleface.com/svg/{style}/16/trees.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/trees.png

trees icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp