The Phosphor dots three circle vertical icon depicts three vertical dots within a circle, commonly used to represent a menu, overflow options, or a 'more actions' indicator in user interfaces.
Common uses
- Vertical menu trigger
- Overflow menu for contextual actions
- 'More options' indicator
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { DotsThreeCircleVertical } from '@phosphor-icons/react';
<DotsThreeCircleVertical size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<DotsThreeCircleVertical size={24} />thin
<DotsThreeCircleVertical size={24} weight="thin" />light
<DotsThreeCircleVertical size={24} weight="light" />bold
<DotsThreeCircleVertical size={24} weight="bold" />fill
<DotsThreeCircleVertical size={24} weight="fill" />duotone
<DotsThreeCircleVertical size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- menuoverflowcirclesshapespolygons3ellipsisellipsesmoresystemdotsthreecircleverticalvertical ellipsisthree dots menu
FAQ
- What is the purpose of the dots three circle vertical icon?
- It's typically used to signify a menu or a list of additional options that are not immediately visible. This helps keep interfaces clean by hiding less frequently used actions.
- How do I use this icon in React?
- You can import and use it directly from the Phosphor React library like this: `import { DotsThreeCircleVertical } from '@phosphor-icons/react'`. Then, render it as `<DotsThreeCircleVertical />`.
- What is the license for this icon?
- The Phosphor icon library, including the dots three circle vertical 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 →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →