The Tabler dots icon depicts a vertical or horizontal series of three dots, commonly used to indicate that more content or options are available, often triggering a menu or expanding a section.
Common uses
- Triggering a context menu for an item.
- Indicating expandable content or a "read more" option.
- Representing overflow options in a toolbar or navigation.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconDots } from '@tabler/icons-react';
<IconDots size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconDots size={24} stroke={2} />filled
<IconDotsFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- hellipmoreellipsisdotscontroloperationfunctioninterfacemanagementsystemmore optionskebab menuvertical dots
FAQ
- What does the dots icon represent?
- It signifies that additional options, content, or actions are available but not immediately visible.
- How do I use the dots icon in React?
- Import it using `import { IconDots } from '@tabler/icons-react';` and then use it as a React component like `<IconDots />`.
- What is the license for the Tabler dots icon?
- The Tabler icons, including the dots icon, are distributed 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 →