Mouse Pixel Art Icon
A computer mouse icon for pointer device settings, accessibility options, click tutorials and hardware setup guides.
Tags
cursorclick
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Mouse icon
A rounded mouse body with a center scroll-wheel divider. It stands in for pointer devices in hardware setup flows, accessibility panels, and onboarding steps that explain clicking or dragging. Use it to label 'Mouse settings' in a preferences panel or to illustrate a click-based tutorial step. For right-click context menus or secondary buttons, the mouse-2 variant with a highlighted right button is a clearer fit.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/mouse.svg" width="24" height="24" alt="Mouse" />
<!-- React -->
import { Mouse } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="mouse.svg" width="48" height="48" style="image-rendering: pixelated" />