The Tabler christmas tree icon depicts a decorated evergreen tree, commonly used in UIs to represent holidays, winter themes, or festive events.
Common uses
- Holiday sale banners
- Winter event invitations
- Christmas-themed app sections
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChristmasTree } from '@tabler/icons-react';
<IconChristmasTree size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconChristmasTree size={24} stroke={2} />filled
<IconChristmasTreeFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Nature
- Keywords
- holidayspinedecoratedecorationgiftpresentcarolevergreensprucefirwinternaturechristmastreepine treeholiday tree
FAQ
- What is this icon for?
- This icon represents a Christmas tree and is suitable for holiday-related themes, winter events, or festive UI elements.
- How do I use this icon in React?
- Import it using `import { IconChristmasTree } from '@tabler/icons-react'` and use it as a component: `<IconChristmasTree />`.
- What is the license for this icon?
- The Tabler icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →