What does the mouse-simple icon represent?

It represents a computer mouse, often used for actions related to clicking, input, or system controls.

How do I use the mouse-simple icon in React?

You can import it as MouseSimple from '@phosphor-icons/react' and use it like: .

The Phosphor icon library, including the mouse-simple icon, is available under the MIT license.

Phosphor · mouse-simple · MIT

The Phosphor mouse simple icon depicts a basic computer mouse, commonly used to represent input devices, clicking actions, or system controls.

Install

npm i @phosphor-icons/react

Import & render

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

<MouseSimple size={24} />

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

regular

<MouseSimple size={24} />

thin

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

light

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

bold

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

fill

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

duotone

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

What does the mouse-simple icon represent?: It represents a computer mouse, often used for actions related to clicking, input, or system controls.
How do I use the mouse-simple icon in React?: You can import it as MouseSimple from '@phosphor-icons/react' and use it like: <MouseSimple />.
What is the license for this icon?: The Phosphor icon library, including the mouse-simple 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 →