Gentleface › Devices & hardware › mouse-left-click

mouse-left-click icon

Mouse left click: left click, primary click, left mouse button. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M4.692 2.54C4.926 2.192 5.137 1.917 5.324 1.715C5.511 1.513 5.674 1.384 5.813 1.328L5.814 1.328L5.814 1.328L5.815 1.327C6.367 1.105 6.94 0.996 7.535 1L7.536 1C8.095 1.004 8.635 1.11 9.156 1.316C9.734 1.545 10.243 1.879 10.682 2.318C11.121 2.757 11.455 3.266 11.684 3.844C11.895 4.376 12 4.928 12 5.5L12 10.5C12 11.072 11.895 11.624 11.684 12.156C11.455 12.734 11.121 13.243 10.682 13.682C10.243 14.121 9.734 14.455 9.156 14.684C8.624 14.895 8.072 15 7.5 15C6.928 15 6.376 14.895 5.844 14.684C5.266 14.455 4.757 14.121 4.318 13.682C3.879 13.243 3.545 12.734 3.316 12.156C3.105 11.624 3 11.072 3 10.5L3 5.609C3 5.537 3.017 5.466 3.05 5.402C3.688 4.172 4.235 3.217 4.692 2.54ZM11 6L11 5.5C11 5.055 10.918 4.625 10.754 4.212C10.576 3.762 10.317 3.367 9.975 3.025C9.633 2.683 9.238 2.424 8.788 2.246C8.532 2.144 8.269 2.074 8 2.035L8 6L11 6ZM4 10.5C4 10.945 4.082 11.375 4.246 11.788C4.424 12.238 4.683 12.633 5.025 12.975C5.367 13.317 5.762 13.576 6.212 13.754C6.625 13.918 7.055 14 7.5 14C7.945 14 8.375 13.918 8.788 13.754C9.238 13.576 9.633 13.317 9.975 12.975C10.317 12.633 10.576 12.238 10.754 11.788C10.918 11.375 11 10.945 11 10.5L11 7L4 7L4 10.5Z"/></svg>

React

// Gentleface "mouse-left-click" (line-round), MIT. https://gentleface.com/icons/mouse-left-click
import type { SVGProps } from 'react';

export function MouseLeftClickIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M4.692 2.54C4.926 2.192 5.137 1.917 5.324 1.715C5.511 1.513 5.674 1.384 5.813 1.328L5.814 1.328L5.814 1.328L5.815 1.327C6.367 1.105 6.94 0.996 7.535 1L7.536 1C8.095 1.004 8.635 1.11 9.156 1.316C9.734 1.545 10.243 1.879 10.682 2.318C11.121 2.757 11.455 3.266 11.684 3.844C11.895 4.376 12 4.928 12 5.5L12 10.5C12 11.072 11.895 11.624 11.684 12.156C11.455 12.734 11.121 13.243 10.682 13.682C10.243 14.121 9.734 14.455 9.156 14.684C8.624 14.895 8.072 15 7.5 15C6.928 15 6.376 14.895 5.844 14.684C5.266 14.455 4.757 14.121 4.318 13.682C3.879 13.243 3.545 12.734 3.316 12.156C3.105 11.624 3 11.072 3 10.5L3 5.609C3 5.537 3.017 5.466 3.05 5.402C3.688 4.172 4.235 3.217 4.692 2.54ZM11 6L11 5.5C11 5.055 10.918 4.625 10.754 4.212C10.576 3.762 10.317 3.367 9.975 3.025C9.633 2.683 9.238 2.424 8.788 2.246C8.532 2.144 8.269 2.074 8 2.035L8 6L11 6ZM4 10.5C4 10.945 4.082 11.375 4.246 11.788C4.424 12.238 4.683 12.633 5.025 12.975C5.367 13.317 5.762 13.576 6.212 13.754C6.625 13.918 7.055 14 7.5 14C7.945 14 8.375 13.918 8.788 13.754C9.238 13.576 9.633 13.317 9.975 12.975C10.317 12.633 10.576 12.238 10.754 11.788C10.918 11.375 11 10.945 11 10.5L11 7L4 7L4 10.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/mouse-left-click.md

Svelte

Svelte: see /icons/mouse-left-click.md

HTML img

HTML img: see /icons/mouse-left-click.md

CSS

CSS: see /icons/mouse-left-click.md

Data URL

Data URL: see /icons/mouse-left-click.md

Sprite

Sprite: see /icons/mouse-left-click.md

SwiftUI

SwiftUI: see /icons/mouse-left-click.md

Compose

Compose: see /icons/mouse-left-click.md

Android XML

Android XML: see /icons/mouse-left-click.md

Flutter

Flutter: see /icons/mouse-left-click.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

left click, primary click, left mouse button

Also fits

click: which mouse button to press, in shortcut and help screens (left-click)

Tags

mouse, left-click, primary-click, click, button, press, input, pointing-device, ui, select

Category

Devices & hardware

Component name

MouseLeftClickIcon

History

2026-10-19 added

Family 3

mouse mouse-right-click mouse-scroll

More devices & hardware icons

backspace battery battery-alert battery-charging battery-check battery-full battery-low battery-medium battery-saver cable circuit-board cpu cpu-sparkle desktop-tower devices flashlight · all devices & hardware icons

For agents

Metadata: /icons/mouse-left-click.json · Markdown: /icons/mouse-left-click.md · SVG: https://gentleface.com/svg/{style}/16/mouse-left-click.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/mouse-left-click.png

mouse-left-click icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp