The Tabler dots diagonal icon, also known as dots-diagonal, visually represents a series of three diagonal dots, commonly used to indicate a menu, overflow options, or a loading state within a user interface.
Common uses
- Menu or overflow options indicator
- Loading or progress indicator
- Placeholder for additional content
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconDotsDiagonal } from '@tabler/icons-react';
<IconDotsDiagonal size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- hellipmoreellipsisdotsdiagonalcontroloperationfunctioninterfacemanagementsystemellipsis diagonalmore optionskebab menu verticalthree dots
FAQ
- What is the dots diagonal icon used for?
- It typically signifies a menu, overflow options, or a loading state, providing a visual cue for interactive elements or ongoing processes.
- How do I use the dots diagonal icon in React?
- You can import and use it in your React application with the following statement: import { IconDotsDiagonal } from '@tabler/icons-react'.
- What is the license for the dots diagonal icon?
- The Tabler icon library, including the dots diagonal icon, is 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 →