The Phosphor tree palm icon depicts a tropical palm tree, commonly used to represent concepts related to nature, travel, or warm climates in user interfaces.
Common uses
- Vacation booking sites
- Environmental awareness sections
- Tropical-themed games
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TreePalm } from '@phosphor-icons/react';
<TreePalm size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TreePalm size={24} />thin
<TreePalm size={24} weight="thin" />light
<TreePalm size={24} weight="light" />bold
<TreePalm size={24} weight="bold" />fill
<TreePalm size={24} weight="fill" />duotone
<TreePalm size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- nature
- Keywords
- tropicalbeachplantsbranchesleavesgreenenvironmentalnaturetreepalmtropical treebeach treeplant
FAQ
- What does the tree palm icon represent?
- It represents a palm tree, often associated with tropical locations, beaches, and nature.
- How do I use the tree palm icon in React?
- Import it as `TreePalm` from '@phosphor-icons/react' and use it as a component: `<TreePalm />`.
- What is the license for this icon?
- The Phosphor icon library, including the tree palm icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →