The Tabler crystal ball icon depicts a glass sphere, commonly used to represent concepts like magic, fortune-telling, or future prediction in user interfaces.
Common uses
- Magic or fantasy-themed applications
- Fortune-telling or horoscope features
- Christmas or holiday-related content
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCrystalBall } from '@tabler/icons-react';
<IconCrystalBall size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Nature
- Keywords
- magicfortunechristmaswitchfuturecrystalballnaturefortune tellermagic spherewitchcraft
FAQ
- What is the crystal ball icon used for?
- It's typically used to symbolize magic, fortune-telling, or looking into the future within UI elements.
- How do I use the crystal ball icon in React?
- Import it using `import { IconCrystalBall } from '@tabler/icons-react';` and then render the component `<IconCrystalBall />`.
- What is the license for this icon?
- The Tabler icon library, including the crystal ball 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 →