The Phosphor mouse middle click icon visually represents the action of clicking the middle button or scroll wheel of a mouse, often used for actions like opening links in new tabs or activating special functions.
Common uses
- Opening links in a new tab
- Activating scroll/pan mode
- Context menu activation
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { MouseMiddleClick } from '@phosphor-icons/react';
<MouseMiddleClick size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<MouseMiddleClick size={24} />thin
<MouseMiddleClick size={24} weight="thin" />light
<MouseMiddleClick size={24} weight="light" />bold
<MouseMiddleClick size={24} weight="bold" />fill
<MouseMiddleClick size={24} weight="fill" />duotone
<MouseMiddleClick size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- *new*clicksinputsystemmousemiddleclickmouse wheel clickmiddle buttonscroll clickmouse button 3
FAQ
- What is the purpose of the mouse middle click icon?
- This icon signifies the action of clicking the mouse's middle button or scroll wheel. It's commonly used to indicate functions like opening links in new tabs or activating specific software features.
- How do I use this icon in React?
- You can import and use the icon in your React application with the following statement: `import { MouseMiddleClick } from '@phosphor-icons/react'`.
- What is the license for this icon?
- The Phosphor icon set, including the mouse middle click 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 →