# trees icon

Trees. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/trees

- Category: Nature & animals
- Use it for: forest, woods, woodland, forestry
- Tags: trees, forest, woods, park, nature, outdoors, woodland, environment, camping
- Family: tree, tree-evergreen
- Component name: TreesIcon
- Added: 2026-10-16

## Alternatives

- `tree`: a single tree or a park

## Also fits

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

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/trees.svg · PNG https://gentleface.com/png/line-round/16/trees.png · https://gentleface.com/png/line-round/32/trees.png · https://gentleface.com/png/line-round/48/trees.png
- line-soft: https://gentleface.com/svg/line-soft/16/trees.svg · PNG https://gentleface.com/png/line-soft/16/trees.png · https://gentleface.com/png/line-soft/32/trees.png · https://gentleface.com/png/line-soft/48/trees.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/trees.svg · PNG https://gentleface.com/png/line-sharp/16/trees.png · https://gentleface.com/png/line-sharp/32/trees.png · https://gentleface.com/png/line-sharp/48/trees.png
- solid-round: https://gentleface.com/svg/solid-round/16/trees.svg · PNG https://gentleface.com/png/solid-round/16/trees.png · https://gentleface.com/png/solid-round/32/trees.png · https://gentleface.com/png/solid-round/48/trees.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/trees.svg · PNG https://gentleface.com/png/solid-soft/16/trees.png · https://gentleface.com/png/solid-soft/32/trees.png · https://gentleface.com/png/solid-soft/48/trees.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/trees.svg · PNG https://gentleface.com/png/solid-sharp/16/trees.png · https://gentleface.com/png/solid-sharp/32/trees.png · https://gentleface.com/png/solid-sharp/48/trees.png

The SVG of every style: https://gentleface.com/icons/trees.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/trees.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees. Takes the text color. */
.icon-trees {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#trees"/></svg>
```

### SwiftUI

```swift
// Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees
import SwiftUI

struct TreesIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 8.914, y: 2.586))
        p.addCurve(to: CGPoint(x: 9.061, y: 2.232), control1: CGPoint(x: 8.914, y: 2.448), control2: CGPoint(x: 8.963, y: 2.33))
        p.addLine(to: CGPoint(x: 9.086, y: 2.207))
        p.addCurve(to: CGPoint(x: 9.706, y: 1.786), control1: CGPoint(x: 9.266, y: 2.027), control2: CGPoint(x: 9.472, y: 1.887))
        p.addCurve(to: CGPoint(x: 10.5, y: 1.621), control1: CGPoint(x: 9.959, y: 1.676), control2: CGPoint(x: 10.224, y: 1.621))
        p.addCurve(to: CGPoint(x: 11.294, y: 1.786), control1: CGPoint(x: 10.776, y: 1.621), control2: CGPoint(x: 11.041, y: 1.676))
        p.addCurve(to: CGPoint(x: 11.914, y: 2.207), control1: CGPoint(x: 11.528, y: 1.887), control2: CGPoint(x: 11.734, y: 2.027))
        p.addLine(to: CGPoint(x: 13.854, y: 4.146))
        p.addCurve(to: CGPoint(x: 14, y: 4.5), control1: CGPoint(x: 13.951, y: 4.244), control2: CGPoint(x: 14, y: 4.362))
        p.addCurve(to: CGPoint(x: 13.856, y: 4.856), control1: CGPoint(x: 14, y: 4.641), control2: CGPoint(x: 13.952, y: 4.759))
        p.addCurve(to: CGPoint(x: 13.5, y: 5), control1: CGPoint(x: 13.759, y: 4.952), control2: CGPoint(x: 13.641, y: 5))
        p.addLine(to: CGPoint(x: 12.707, y: 5))
        p.addLine(to: CGPoint(x: 14.854, y: 7.146))
        p.addCurve(to: CGPoint(x: 15, y: 7.5), control1: CGPoint(x: 14.951, y: 7.244), control2: CGPoint(x: 15, y: 7.362))
        p.addCurve(to: CGPoint(x: 14.856, y: 7.856), control1: CGPoint(x: 15, y: 7.641), control2: CGPoint(x: 14.952, y: 7.759))
        p.addCurve(to: CGPoint(x: 14.5, y: 8), control1: CGPoint(x: 14.759, y: 7.952), control2: CGPoint(x: 14.641, y: 8))
        p.addLine(to: CGPoint(x: 12.707, y: 8))
        p.addLine(to: CGPoint(x: 14.854, y: 10.146))
        p.addCurve(to: CGPoint(x: 15, y: 10.5), control1: CGPoint(x: 14.951, y: 10.244), control2: CGPoint(x: 15, y: 10.362))
        p.addCurve(to: CGPoint(x: 14.856, y: 10.856), control1: CGPoint(x: 15, y: 10.641), control2: CGPoint(x: 14.952, y: 10.759))
        p.addCurve(to: CGPoint(x: 14.5, y: 11), control1: CGPoint(x: 14.759, y: 10.952), control2: CGPoint(x: 14.641, y: 11))
        p.addLine(to: CGPoint(x: 12.5, y: 11))
        p.addCurve(to: CGPoint(x: 12.144, y: 10.856), control1: CGPoint(x: 12.359, y: 11), control2: CGPoint(x: 12.241, y: 10.952))
        p.addCurve(to: CGPoint(x: 12, y: 10.5), control1: CGPoint(x: 12.048, y: 10.759), control2: CGPoint(x: 12, y: 10.641))
        p.addCurve(to: CGPoint(x: 12.144, y: 10.144), control1: CGPoint(x: 12, y: 10.359), control2: CGPoint(x: 12.048, y: 10.241))
        p.addCurve(to: CGPoint(x: 12.5, y: 10), control1: CGPoint(x: 12.241, y: 10.048), control2: CGPoint(x: 12.359, y: 10))
        p.addLine(to: CGPoint(x: 13.293, y: 10))
        p.addLine(to: CGPoint(x: 11.146, y: 7.854))
        p.addCurve(to: CGPoint(x: 10.997, y: 7.5), control1: CGPoint(x: 11.047, y: 7.754), control2: CGPoint(x: 10.997, y: 7.636))
        p.addCurve(to: CGPoint(x: 11.146, y: 7.146), control1: CGPoint(x: 10.997, y: 7.364), control2: CGPoint(x: 11.047, y: 7.246))
        p.addCurve(to: CGPoint(x: 11.5, y: 7), control1: CGPoint(x: 11.244, y: 7.049), control2: CGPoint(x: 11.362, y: 7))
        p.addLine(to: CGPoint(x: 13.293, y: 7))
        p.addLine(to: CGPoint(x: 11.146, y: 4.854))
        p.addCurve(to: CGPoint(x: 10.997, y: 4.5), control1: CGPoint(x: 11.047, y: 4.754), control2: CGPoint(x: 10.997, y: 4.636))
        p.addCurve(to: CGPoint(x: 11.146, y: 4.146), control1: CGPoint(x: 10.997, y: 4.364), control2: CGPoint(x: 11.047, y: 4.246))
        p.addCurve(to: CGPoint(x: 11.5, y: 4), control1: CGPoint(x: 11.244, y: 4.049), control2: CGPoint(x: 11.362, y: 4))
        p.addLine(to: CGPoint(x: 12.293, y: 4))
        p.addLine(to: CGPoint(x: 11.207, y: 2.914))
        p.addCurve(to: CGPoint(x: 10.5, y: 2.621), control1: CGPoint(x: 11.012, y: 2.719), control2: CGPoint(x: 10.776, y: 2.621))
        p.addCurve(to: CGPoint(x: 9.793, y: 2.914), control1: CGPoint(x: 10.224, y: 2.621), control2: CGPoint(x: 9.988, y: 2.719))
        p.addLine(to: CGPoint(x: 9.768, y: 2.939))
        p.addCurve(to: CGPoint(x: 9.414, y: 3.089), control1: CGPoint(x: 9.668, y: 3.039), control2: CGPoint(x: 9.55, y: 3.089))
        p.addCurve(to: CGPoint(x: 9.061, y: 2.939), control1: CGPoint(x: 9.278, y: 3.089), control2: CGPoint(x: 9.16, y: 3.039))
        p.addCurve(to: CGPoint(x: 8.914, y: 2.586), control1: CGPoint(x: 8.963, y: 2.842), control2: CGPoint(x: 8.914, y: 2.724))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10, y: 5.5))
        p.addCurve(to: CGPoint(x: 9.856, y: 5.856), control1: CGPoint(x: 10, y: 5.641), control2: CGPoint(x: 9.952, y: 5.759))
        p.addCurve(to: CGPoint(x: 9.5, y: 6), control1: CGPoint(x: 9.759, y: 5.952), control2: CGPoint(x: 9.641, y: 6))
        p.addLine(to: CGPoint(x: 7.707, y: 6))
        p.addLine(to: CGPoint(x: 9.854, y: 8.146))
        p.addCurve(to: CGPoint(x: 10, y: 8.5), control1: CGPoint(x: 9.951, y: 8.244), control2: CGPoint(x: 10, y: 8.362))
        p.addCurve(to: CGPoint(x: 9.856, y: 8.856), control1: CGPoint(x: 10, y: 8.641), control2: CGPoint(x: 9.952, y: 8.759))
        p.addCurve(to: CGPoint(x: 9.5, y: 9), control1: CGPoint(x: 9.759, y: 8.952), control2: CGPoint(x: 9.641, y: 9))
        p.addLine(to: CGPoint(x: 8.707, y: 9))
        p.addLine(to: CGPoint(x: 10.854, y: 11.146))
        p.addCurve(to: CGPoint(x: 11, y: 11.5), control1: CGPoint(x: 10.951, y: 11.244), control2: CGPoint(x: 11, y: 11.362))
        p.addCurve(to: CGPoint(x: 10.856, y: 11.856), control1: CGPoint(x: 11, y: 11.641), control2: CGPoint(x: 10.952, y: 11.759))
        p.addCurve(to: CGPoint(x: 10.5, y: 12), control1: CGPoint(x: 10.759, y: 11.952), control2: CGPoint(x: 10.641, y: 12))
        p.addLine(to: CGPoint(x: 7, y: 12))
        p.addLine(to: CGPoint(x: 7, y: 14.5))
        p.addCurve(to: CGPoint(x: 6.856, y: 14.856), control1: CGPoint(x: 7, y: 14.641), control2: CGPoint(x: 6.952, y: 14.759))
        p.addCurve(to: CGPoint(x: 6.5, y: 15), control1: CGPoint(x: 6.759, y: 14.952), control2: CGPoint(x: 6.641, y: 15))
        p.addCurve(to: CGPoint(x: 6.144, y: 14.856), control1: CGPoint(x: 6.359, y: 15), control2: CGPoint(x: 6.241, y: 14.952))
        p.addCurve(to: CGPoint(x: 6, y: 14.5), control1: CGPoint(x: 6.048, y: 14.759), control2: CGPoint(x: 6, y: 14.641))
        p.addLine(to: CGPoint(x: 6, y: 12))
        p.addLine(to: CGPoint(x: 2.5, y: 12))
        p.addCurve(to: CGPoint(x: 2.146, y: 11.854), control1: CGPoint(x: 2.362, y: 12), control2: CGPoint(x: 2.244, y: 11.951))
        p.addCurve(to: CGPoint(x: 1.997, y: 11.5), control1: CGPoint(x: 2.047, y: 11.754), control2: CGPoint(x: 1.997, y: 11.636))
        p.addCurve(to: CGPoint(x: 2.146, y: 11.146), control1: CGPoint(x: 1.997, y: 11.364), control2: CGPoint(x: 2.047, y: 11.246))
        p.addLine(to: CGPoint(x: 4.293, y: 9))
        p.addLine(to: CGPoint(x: 2.5, y: 9))
        p.addCurve(to: CGPoint(x: 2.146, y: 8.854), control1: CGPoint(x: 2.362, y: 9), control2: CGPoint(x: 2.244, y: 8.951))
        p.addCurve(to: CGPoint(x: 1.997, y: 8.5), control1: CGPoint(x: 2.047, y: 8.754), control2: CGPoint(x: 1.997, y: 8.636))
        p.addCurve(to: CGPoint(x: 2.146, y: 8.146), control1: CGPoint(x: 1.997, y: 8.364), control2: CGPoint(x: 2.047, y: 8.246))
        p.addLine(to: CGPoint(x: 4.293, y: 6))
        p.addLine(to: CGPoint(x: 3.5, y: 6))
        p.addCurve(to: CGPoint(x: 3.146, y: 5.854), control1: CGPoint(x: 3.362, y: 6), control2: CGPoint(x: 3.244, y: 5.951))
        p.addCurve(to: CGPoint(x: 3, y: 5.5), control1: CGPoint(x: 3.049, y: 5.756), control2: CGPoint(x: 3, y: 5.638))
        p.addCurve(to: CGPoint(x: 3.146, y: 5.146), control1: CGPoint(x: 3, y: 5.362), control2: CGPoint(x: 3.049, y: 5.244))
        p.addLine(to: CGPoint(x: 5.086, y: 3.207))
        p.addCurve(to: CGPoint(x: 5.706, y: 2.786), control1: CGPoint(x: 5.266, y: 3.027), control2: CGPoint(x: 5.472, y: 2.887))
        p.addCurve(to: CGPoint(x: 6.5, y: 2.621), control1: CGPoint(x: 5.959, y: 2.676), control2: CGPoint(x: 6.224, y: 2.621))
        p.addCurve(to: CGPoint(x: 7.294, y: 2.786), control1: CGPoint(x: 6.776, y: 2.621), control2: CGPoint(x: 7.041, y: 2.676))
        p.addCurve(to: CGPoint(x: 7.914, y: 3.207), control1: CGPoint(x: 7.528, y: 2.887), control2: CGPoint(x: 7.734, y: 3.027))
        p.addLine(to: CGPoint(x: 9.854, y: 5.146))
        p.addCurve(to: CGPoint(x: 10, y: 5.5), control1: CGPoint(x: 9.951, y: 5.244), control2: CGPoint(x: 10, y: 5.362))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6, y: 5.491))
        p.addLine(to: CGPoint(x: 6, y: 5.489))
        p.addCurve(to: CGPoint(x: 6.033, y: 5.316), control1: CGPoint(x: 6, y: 5.429), control2: CGPoint(x: 6.011, y: 5.371))
        p.addCurve(to: CGPoint(x: 6.146, y: 5.146), control1: CGPoint(x: 6.059, y: 5.253), control2: CGPoint(x: 6.097, y: 5.196))
        p.addCurve(to: CGPoint(x: 6.5, y: 5), control1: CGPoint(x: 6.244, y: 5.049), control2: CGPoint(x: 6.362, y: 5))
        p.addLine(to: CGPoint(x: 8.293, y: 5))
        p.addLine(to: CGPoint(x: 7.207, y: 3.914))
        p.addCurve(to: CGPoint(x: 6.5, y: 3.621), control1: CGPoint(x: 7.012, y: 3.719), control2: CGPoint(x: 6.776, y: 3.621))
        p.addCurve(to: CGPoint(x: 5.793, y: 3.914), control1: CGPoint(x: 6.224, y: 3.621), control2: CGPoint(x: 5.988, y: 3.719))
        p.addLine(to: CGPoint(x: 4.707, y: 5))
        p.addLine(to: CGPoint(x: 5.5, y: 5))
        p.addCurve(to: CGPoint(x: 5.856, y: 5.144), control1: CGPoint(x: 5.641, y: 5), control2: CGPoint(x: 5.759, y: 5.048))
        p.addCurve(to: CGPoint(x: 6, y: 5.491), control1: CGPoint(x: 5.95, y: 5.238), control2: CGPoint(x: 5.998, y: 5.354))
        p.closeSubpath()
        p.move(to: CGPoint(x: 3.707, y: 8))
        p.addLine(to: CGPoint(x: 5.5, y: 8))
        p.addCurve(to: CGPoint(x: 5.856, y: 8.144), control1: CGPoint(x: 5.641, y: 8), control2: CGPoint(x: 5.759, y: 8.048))
        p.addCurve(to: CGPoint(x: 6, y: 8.5), control1: CGPoint(x: 5.952, y: 8.241), control2: CGPoint(x: 6, y: 8.359))
        p.addCurve(to: CGPoint(x: 5.854, y: 8.854), control1: CGPoint(x: 6, y: 8.638), control2: CGPoint(x: 5.951, y: 8.756))
        p.addLine(to: CGPoint(x: 3.707, y: 11))
        p.addLine(to: CGPoint(x: 9.293, y: 11))
        p.addLine(to: CGPoint(x: 7.146, y: 8.854))
        p.addCurve(to: CGPoint(x: 6.997, y: 8.5), control1: CGPoint(x: 7.047, y: 8.754), control2: CGPoint(x: 6.997, y: 8.636))
        p.addCurve(to: CGPoint(x: 7.146, y: 8.146), control1: CGPoint(x: 6.997, y: 8.364), control2: CGPoint(x: 7.047, y: 8.246))
        p.addCurve(to: CGPoint(x: 7.5, y: 8), control1: CGPoint(x: 7.244, y: 8.049), control2: CGPoint(x: 7.362, y: 8))
        p.addLine(to: CGPoint(x: 8.293, y: 8))
        p.addLine(to: CGPoint(x: 6.146, y: 5.854))
        p.addCurve(to: CGPoint(x: 6.033, y: 5.684), control1: CGPoint(x: 6.097, y: 5.804), control2: CGPoint(x: 6.059, y: 5.747))
        p.addCurve(to: CGPoint(x: 6, y: 5.509), control1: CGPoint(x: 6.01, y: 5.629), control2: CGPoint(x: 5.999, y: 5.569))
        p.addCurve(to: CGPoint(x: 5.854, y: 5.854), control1: CGPoint(x: 5.998, y: 5.643), control2: CGPoint(x: 5.949, y: 5.758))
        p.addLine(to: CGPoint(x: 3.707, y: 8))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// TreesIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val TreesIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "trees", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(TreesIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_trees.xml · Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "trees" (line-round), MIT. https://gentleface.com/icons/trees
import 'package:flutter/widgets.dart';

class TreesIcon extends StatelessWidget {
  const TreesIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _TreesIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _TreesIconPainter extends CustomPainter {
  _TreesIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(8.914, 2.586)
      ..cubicTo(8.914, 2.448, 8.963, 2.33, 9.061, 2.232)
      ..lineTo(9.086, 2.207)
      ..cubicTo(9.266, 2.027, 9.472, 1.887, 9.706, 1.786)
      ..cubicTo(9.959, 1.676, 10.224, 1.621, 10.5, 1.621)
      ..cubicTo(10.776, 1.621, 11.041, 1.676, 11.294, 1.786)
      ..cubicTo(11.528, 1.887, 11.734, 2.027, 11.914, 2.207)
      ..lineTo(13.854, 4.146)
      ..cubicTo(13.951, 4.244, 14, 4.362, 14, 4.5)
      ..cubicTo(14, 4.641, 13.952, 4.759, 13.856, 4.856)
      ..cubicTo(13.759, 4.952, 13.641, 5, 13.5, 5)
      ..lineTo(12.707, 5)
      ..lineTo(14.854, 7.146)
      ..cubicTo(14.951, 7.244, 15, 7.362, 15, 7.5)
      ..cubicTo(15, 7.641, 14.952, 7.759, 14.856, 7.856)
      ..cubicTo(14.759, 7.952, 14.641, 8, 14.5, 8)
      ..lineTo(12.707, 8)
      ..lineTo(14.854, 10.146)
      ..cubicTo(14.951, 10.244, 15, 10.362, 15, 10.5)
      ..cubicTo(15, 10.641, 14.952, 10.759, 14.856, 10.856)
      ..cubicTo(14.759, 10.952, 14.641, 11, 14.5, 11)
      ..lineTo(12.5, 11)
      ..cubicTo(12.359, 11, 12.241, 10.952, 12.144, 10.856)
      ..cubicTo(12.048, 10.759, 12, 10.641, 12, 10.5)
      ..cubicTo(12, 10.359, 12.048, 10.241, 12.144, 10.144)
      ..cubicTo(12.241, 10.048, 12.359, 10, 12.5, 10)
      ..lineTo(13.293, 10)
      ..lineTo(11.146, 7.854)
      ..cubicTo(11.047, 7.754, 10.997, 7.636, 10.997, 7.5)
      ..cubicTo(10.997, 7.364, 11.047, 7.246, 11.146, 7.146)
      ..cubicTo(11.244, 7.049, 11.362, 7, 11.5, 7)
      ..lineTo(13.293, 7)
      ..lineTo(11.146, 4.854)
      ..cubicTo(11.047, 4.754, 10.997, 4.636, 10.997, 4.5)
      ..cubicTo(10.997, 4.364, 11.047, 4.246, 11.146, 4.146)
      ..cubicTo(11.244, 4.049, 11.362, 4, 11.5, 4)
      ..lineTo(12.293, 4)
      ..lineTo(11.207, 2.914)
      ..cubicTo(11.012, 2.719, 10.776, 2.621, 10.5, 2.621)
      ..cubicTo(10.224, 2.621, 9.988, 2.719, 9.793, 2.914)
      ..lineTo(9.768, 2.939)
      ..cubicTo(9.668, 3.039, 9.55, 3.089, 9.414, 3.089)
      ..cubicTo(9.278, 3.089, 9.16, 3.039, 9.061, 2.939)
      ..cubicTo(8.963, 2.842, 8.914, 2.724, 8.914, 2.586)
      ..close()
      ..moveTo(10, 5.5)
      ..cubicTo(10, 5.641, 9.952, 5.759, 9.856, 5.856)
      ..cubicTo(9.759, 5.952, 9.641, 6, 9.5, 6)
      ..lineTo(7.707, 6)
      ..lineTo(9.854, 8.146)
      ..cubicTo(9.951, 8.244, 10, 8.362, 10, 8.5)
      ..cubicTo(10, 8.641, 9.952, 8.759, 9.856, 8.856)
      ..cubicTo(9.759, 8.952, 9.641, 9, 9.5, 9)
      ..lineTo(8.707, 9)
      ..lineTo(10.854, 11.146)
      ..cubicTo(10.951, 11.244, 11, 11.362, 11, 11.5)
      ..cubicTo(11, 11.641, 10.952, 11.759, 10.856, 11.856)
      ..cubicTo(10.759, 11.952, 10.641, 12, 10.5, 12)
      ..lineTo(7, 12)
      ..lineTo(7, 14.5)
      ..cubicTo(7, 14.641, 6.952, 14.759, 6.856, 14.856)
      ..cubicTo(6.759, 14.952, 6.641, 15, 6.5, 15)
      ..cubicTo(6.359, 15, 6.241, 14.952, 6.144, 14.856)
      ..cubicTo(6.048, 14.759, 6, 14.641, 6, 14.5)
      ..lineTo(6, 12)
      ..lineTo(2.5, 12)
      ..cubicTo(2.362, 12, 2.244, 11.951, 2.146, 11.854)
      ..cubicTo(2.047, 11.754, 1.997, 11.636, 1.997, 11.5)
      ..cubicTo(1.997, 11.364, 2.047, 11.246, 2.146, 11.146)
      ..lineTo(4.293, 9)
      ..lineTo(2.5, 9)
      ..cubicTo(2.362, 9, 2.244, 8.951, 2.146, 8.854)
      ..cubicTo(2.047, 8.754, 1.997, 8.636, 1.997, 8.5)
      ..cubicTo(1.997, 8.364, 2.047, 8.246, 2.146, 8.146)
      ..lineTo(4.293, 6)
      ..lineTo(3.5, 6)
      ..cubicTo(3.362, 6, 3.244, 5.951, 3.146, 5.854)
      ..cubicTo(3.049, 5.756, 3, 5.638, 3, 5.5)
      ..cubicTo(3, 5.362, 3.049, 5.244, 3.146, 5.146)
      ..lineTo(5.086, 3.207)
      ..cubicTo(5.266, 3.027, 5.472, 2.887, 5.706, 2.786)
      ..cubicTo(5.959, 2.676, 6.224, 2.621, 6.5, 2.621)
      ..cubicTo(6.776, 2.621, 7.041, 2.676, 7.294, 2.786)
      ..cubicTo(7.528, 2.887, 7.734, 3.027, 7.914, 3.207)
      ..lineTo(9.854, 5.146)
      ..cubicTo(9.951, 5.244, 10, 5.362, 10, 5.5)
      ..close()
      ..moveTo(6, 5.491)
      ..lineTo(6, 5.489)
      ..cubicTo(6, 5.429, 6.011, 5.371, 6.033, 5.316)
      ..cubicTo(6.059, 5.253, 6.097, 5.196, 6.146, 5.146)
      ..cubicTo(6.244, 5.049, 6.362, 5, 6.5, 5)
      ..lineTo(8.293, 5)
      ..lineTo(7.207, 3.914)
      ..cubicTo(7.012, 3.719, 6.776, 3.621, 6.5, 3.621)
      ..cubicTo(6.224, 3.621, 5.988, 3.719, 5.793, 3.914)
      ..lineTo(4.707, 5)
      ..lineTo(5.5, 5)
      ..cubicTo(5.641, 5, 5.759, 5.048, 5.856, 5.144)
      ..cubicTo(5.95, 5.238, 5.998, 5.354, 6, 5.491)
      ..close()
      ..moveTo(3.707, 8)
      ..lineTo(5.5, 8)
      ..cubicTo(5.641, 8, 5.759, 8.048, 5.856, 8.144)
      ..cubicTo(5.952, 8.241, 6, 8.359, 6, 8.5)
      ..cubicTo(6, 8.638, 5.951, 8.756, 5.854, 8.854)
      ..lineTo(3.707, 11)
      ..lineTo(9.293, 11)
      ..lineTo(7.146, 8.854)
      ..cubicTo(7.047, 8.754, 6.997, 8.636, 6.997, 8.5)
      ..cubicTo(6.997, 8.364, 7.047, 8.246, 7.146, 8.146)
      ..cubicTo(7.244, 8.049, 7.362, 8, 7.5, 8)
      ..lineTo(8.293, 8)
      ..lineTo(6.146, 5.854)
      ..cubicTo(6.097, 5.804, 6.059, 5.747, 6.033, 5.684)
      ..cubicTo(6.01, 5.629, 5.999, 5.569, 6, 5.509)
      ..cubicTo(5.998, 5.643, 5.949, 5.758, 5.854, 5.854)
      ..lineTo(3.707, 8)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_TreesIconPainter old) => old.color != color;
}
```