What is the purpose of the dots three outline vertical icon?

This icon signifies a menu or a list of additional options that are not immediately visible. It's often used when space is limited.

How do I use this icon in React?

You can import and use it in your React application with: import { DotsThreeOutlineVertical } from '@phosphor-icons/react'.

The Phosphor icon library, including this icon, is available under the MIT license.

Phosphor · dots-three-outline-vertical · MIT

The Phosphor dots three outline vertical icon depicts three vertical dots, commonly used to represent a menu or overflow options.

Install

npm i @phosphor-icons/react

Import & render

import { DotsThreeOutlineVertical } from '@phosphor-icons/react';

<DotsThreeOutlineVertical size={24} />

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

regular

<DotsThreeOutlineVertical size={24} />

thin

<DotsThreeOutlineVertical size={24} weight="thin" />

light

<DotsThreeOutlineVertical size={24} weight="light" />

bold

<DotsThreeOutlineVertical size={24} weight="bold" />

fill

<DotsThreeOutlineVertical size={24} weight="fill" />

duotone

<DotsThreeOutlineVertical size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: system
Keywords: menuoverflowcirclesshapespolygons3ellipsisellipsesmoresystemdotsthreeoutlineverticalvertical ellipsiskebab menu

What is the purpose of the dots three outline vertical icon?: This icon signifies a menu or a list of additional options that are not immediately visible. It's often used when space is limited.
How do I use this icon in React?: You can import and use it in your React application with: import { DotsThreeOutlineVertical } from '@phosphor-icons/react'.
What is the license for this icon?: The Phosphor icon library, including this icon, is available under the MIT license.

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

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →