John KuehJohn Kueh

dots three vertical icon

Phosphor · dots-three-vertical · MIT

Download SVG

The Phosphor dots three vertical icon depicts three vertically stacked dots, commonly used to represent a menu, overflow options, or a "more" action.

Common uses

  • Triggering a context menu
  • Accessing additional settings or actions
  • Indicating an overflow of items in a list

Use it in React

Install
npm i @phosphor-icons/react
Import & render
import { DotsThreeVertical } from '@phosphor-icons/react';

<DotsThreeVertical size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

regular
<DotsThreeVertical size={24} />
thin
<DotsThreeVertical size={24} weight="thin" />
light
<DotsThreeVertical size={24} weight="light" />
bold
<DotsThreeVertical size={24} weight="bold" />
fill
<DotsThreeVertical size={24} weight="fill" />
duotone
<DotsThreeVertical size={24} weight="duotone" />

Details

Library
Phosphor (1,512 icons)
License
MIT
viewBox
0 0 256 256
Category
system
Keywords
menuoverflowcirclesshapespolygons3ellipsisellipsesmoresystemdotsthreeverticalellipsis verticalmore optionsvertical menu

FAQ

What is the dots three vertical icon used for?
It's typically used to indicate that there are more options or actions available, often opening a menu when clicked.
How do I use this icon in React?
You can import it from the Phosphor React library: import { DotsThreeVertical } from '@phosphor-icons/react'.
What is the license for this icon?
The Phosphor icon library, including this icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Phosphor.

Looking for something else? Search Phosphor and 4 more libraries by description →