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.