Tree Face
The tree-face icon represents a tree with a human-like face, symbolizing a connection between nature and humanity.
Exports at 24 × 24 px
Code
Tree Face in your framework
In any framework. Customize it above, and the code follows.
export const TreeFaceIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" d="M55.893 18c20.255 42.71 34.502 82.365 44.09 119.205c9.95 9.657 22.02 16.683 40.175 18.91l-2.193 17.865c-12.464-1.529-22.85-5.183-31.742-10.17C138.575 319.013 88.719 421.77 73.203 494h32.531c-5.228-7.222-9.131-15.216-11.3-24.12l17.488-4.26c2.614 10.727 8.695 20.04 17.832 28.38h76.719c-8.614-9.956-15.583-14.876-26.389-23.14c11.033-24.232 16.876-53.512 17.84-76.534c.865-24.605-3.535-47.292-9.336-55.54c-4.69-6.671-6.959-6.517-8.813-6.161c-4.863 2.51-10.723 8.99-8.212 15.041c.523 1.109.718 2.5 8.119 1.652l2.047 17.883c-11.93 1.366-22.476-3.454-26.442-11.847c-3.966-8.394-2.184-17.263 1.613-24.604c6.7-9.123 13.04-16.006 23.008-16.156c8.311-.098 17.083 4.849 23.405 13.838c10.876 15.467 13.538 39.883 12.601 66.525c-.845 24.044-5.324 49.54-13.658 70.334c11.69 9.241 19.56 16.652 24.799 25.826c.542.95 1.047 1.911 1.529 2.883h83.428c10.492-11.908 33.088-38.206 32.191-49.662c-1.56-10.148-5.896-34.726-2.672-61.22c2.97-24.41 13.047-51.275 37.764-69.071c-10.118-25.297-15.014-48.803-11.44-70.902c3.345-20.677 14.356-39.462 33.473-55.85c3.407-22.269 8.505-45.782 15.635-70.793C395.107 88.252 375.69 49.267 379.24 18h-27.73c-4.086 16.047-11.325 30.385-21.508 42.932c19.18 8.716 37.036 20.001 51.812 33.931c6.674 6.291 10.71 12.903 11.04 20.094s-3.588 13.284-7.93 17.023c-8.685 7.48-18.818 9.844-26.742 9.838l-.09-.002c.459 3.501.7 7.06.719 10.63c0 31.412-16.787 56.877-37.495 56.878c-9.189-.02-18.053-5.16-24.91-14.441c-4.72 9.433-7.33 17.026-8.256 23.015c-1.25 8.1.01 13.173 3.465 18.643c6.87 10.874 25.667 22.352 41.727 33.027s21.18 14.43 25.162 18.233c3.982 3.802 6.823 7.571 8.736 11.552c3.908 8.132 2.253 18.061-3.31 23.616s-13.15 7.616-20.951 7.496a39.2 39.2 0 0 1-23.254-8.139c-27.566-14.223-47.786-18.85-93.077-15.396l-1.369-17.95c37.582-2.865 61.733.284 85 9.37c1.31-6.178 6.023-12.022 9.983-15.098c-19.149-12.805-34.803-22.755-43.864-37.096c-5.506-8.716-7.834-19.374-6.037-31.006s7.174-24.354 16.274-39.98l.431.252c-2.124-7.233-3.23-15.059-3.246-22.977c-6.863-9.851-14.724-22.893-20.007-33.375C250.71 87.815 236.743 49.856 242.976 18H223.9a29 29 0 0 1 6.229 5.586c7.907 9.458 10.594 24.203 6.064 42.61c-3.531 14.348-16.44 24.037-32.318 31.872c21.981 15.068 28.231 41.332 25.414 64.45c12.262 20.473 15.21 39.086 10.725 54.25c-4.626 15.638-16.823 26.519-30.748 31.796a61.8 61.8 0 0 1-18.71 3.907c-19.525 15.082-31.964 40.21-39.232 63.777c-7.343 23.812-9.487 45.95-9.806 52.52c-.404 8.304-.067 14.02.771 17.689s1.824 5.273 3.758 7.166c14.296 9.194 22.257 12.273 35.71 19.213c-1.561 22.266-14.59 49.26-33.15 53.644c-8.577 1.734-18.416-1.6-23.875-9.394s-7.029-18.515-5.152-31.979l17.828 2.487c-.855 6.338-1.204 22.968 7.633 21.244c5.152-1.042 14.755-9.3 17.62-25.428c-12.346-5.974-21.943-9.816-29.204-16.924c-4.22-4.13-7.268-9.685-8.715-16.021s-1.645-13.47-1.203-22.57c.404-8.324 2.625-31.134 10.586-56.95c6.459-20.943 16.646-43.912 33.395-61.765c-16.438-7.127-29.564-23.24-33.207-36.383l17.43-4.494c3.188 12.37 10.677 19.495 20.224 23.33c9.546 3.834 21.249 3.764 30.918.1c9.669-3.665 17.014-10.426 19.867-20.07c1.827-6.176 1.919-13.992-1.232-23.606c-7.112 13.293-17.793 21.02-29.079 21.037c-20.707-.001-37.494-25.467-37.494-56.881c.004-15.261 4.05-29.88 11.229-40.57c-11.135 2.621-22.454 4.122-33.088 4.113c-10.248-.598-17.04-7.598-19.375-16.578a37.2 37.2 0 0 1 1.336-22.399l16.808 6.442c-.752 4.418-2.839 11.357 1.247 14.535c17.112.015 38.581-5.018 55.677-12.514s28.737-18.485 29.934-23.347c3.629-14.746.886-22.84-2.395-26.764c-3.28-3.924-7.706-4.822-11.91-3.502c-25.829 8.112-39.436 28.974-51.492 43.473l-13.842-11.508c1.77-2.13 3.795-4.716 5.955-7.455c-28.16-4.274-44.898-12.392-55.01-24.301c-3.733-4.397-6.392-9.053-8.37-13.838zm46.18 0c11.82 15.062 47.513 20.735 57.08 21.78c7.959-8.107 17.867-16.141 30.507-21.78zm159.322 0c-5.575 28.77 7.628 70.663 18.515 93.018c2.78 5.555 5.68 10.52 8.35 14.627c1.574-4.41 3.526-8.483 5.804-12.116c-2.695-5.424-4.598-11.175-6.544-16.845l17.025-5.844c3.992 11.632 6.794 19.219 12.861 24.162s17.257 8.798 40.791 8.816c1.688.001 11.656-2.613 14.98-5.476c1.663-1.432 1.729-1.852 1.696-2.56c-.032-.71-.704-3.388-5.406-7.821c-19.864-18.726-47.198-32.879-75.662-41.397l5.16-17.244a252 252 0 0 1 13.506 4.477C322.14 43.294 329.01 31.56 333.059 18zm136.037 0c-1.61 32.029 10.004 54.533 26.048 76.998a743 743 0 0 1 7.458-22.033c-5.563-16.19-9.075-34.528-8.293-54.965zm43.226 0c-.397 8.999.13 17.518 1.383 25.582A927 927 0 0 1 452.719 18zm-248.451 85.031c-50.21 23.874-13.672 118.814 13.906 89.143c-35.226-18.294-28.924-53.796-13.906-89.143m108.674 20.916c-16.06 35.543 11.916 92.332 34.105 68.46c-25.374-13.178-29.19-35.289-23.732-59.835c-3.98-2.367-7.535-5.372-10.373-8.625m96.8 93.21c-6.62 9.127-10.404 18.653-12.056 28.863c-1.13 26.049 5.105 49.14 13.08 67.959c-3.346-30.078-4.224-61.953-1.023-96.823zm-60.255 77c-7.472 2.73-9.12 5.785-9.479 7.363c.75 7.337 8.653 10.767 15.309 10.949c4.046.062 7.139-1.42 7.957-2.237c1.933-4.613-9.564-15.62-13.787-16.076zm62.262 28.1l-4.762 2.815c-23.848 14.095-32.7 36.992-35.526 60.219s.957 45.666 2.594 56.31c1.062 20.913-14.167 38.535-25.943 52.399h64.117c-4.14-10.25-7.577-20.837-9.232-31.896c-3.314-22.129 1.704-46.105 21.783-69.58c-2.34-10.06-4.556-20.203-6.563-30.499c-7.14 8.134-14.31 21.202-18.42 41.053l-17.625-3.65c6.152-29.715 18.6-48.73 32.254-58.63a567 567 0 0 1-2.678-18.54zM276.868 335.7c29.759 0 53.884 28.015 53.884 62.574c0 34.56-24.125 62.575-53.885 62.575c-29.758 0-53.882-28.016-53.883-62.575c0-34.558 24.125-62.573 53.883-62.574zm-11.32 13.319c-44.316 32.71-28.725 83.256-2.323 96.683c-9.495-25.612-10.397-54.51 2.324-96.683zm152.593 65.91c-10.101 15.546-11.615 29.75-9.405 44.511c1.674 11.178 5.946 22.694 11.108 34.561h18.068c-6.143-26.73-13.194-52.744-19.771-79.072"/>
</svg>
);Game Icons
More like it
Icons that share its tags, in the same style.
Search Game Icons
Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.
Get ProTags
Browse by tag
Tree Face is tagged expression, nature, environment and 2 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Tree Face or any of 4,123 Game Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Tree Face icon means and where it's used, then how to install, style, label and license it.
The tree-face icon represents a tree with a human-like face, symbolizing a connection between nature and humanity. This icon may signify a friendly or approachable natural environment.
In real-world applications, the tree-face icon may appear in software related to environmental education, conservation, or eco-friendly products. It could also be used in educational materials or websites discussing the role of trees in ecosystems.
From a UX perspective, the tree-face icon communicates a sense of friendliness and approachability. It helps users understand the functionality of a platform or tool related to environmental conservation or sustainable practices.
Tree Face is one of 4,123 icons in Game Icons, made by GameIcons and released under CC BY 3.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds TreeFaceIcon to components/icons/game-icons-tree-face.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed TreeFaceIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Tree Face icon, or any of 4,123 Game Icons icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Tree Face", so screen readers say what it does.
Yes. TreeFaceIcon passes every SVG prop to the svg element, so <TreeFaceIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes, with credit: CC BY 3.0 asks you to credit the author (GameIcons) where you use the icons. The full terms are in the license, linked on this page.
Yes. CC BY 3.0 asks you to credit the author where you use the icons, for example "Icons by GameIcons, CC BY 3.0" on an about or credits page.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are expression, nature, environment, ecosystem and forest. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Tree Face in another set.
4.9 out of 5 from 150+ developers
Install Tree Face from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro