gentleface

Gentleface › Layout & interface › cursor-user

cursor-user icon

Cursor user: live cursors, multiplayer cursors, collaborator cursors. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

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="M6.656 9.637C6.763 9.53 6.887 9.452 7.029 9.401C7.19 9.344 7.355 9.33 7.523 9.357C7.692 9.384 7.843 9.45 7.978 9.555C8.097 9.648 8.19 9.762 8.257 9.897L8.89 11.162C8.952 11.285 8.961 11.412 8.917 11.543C8.889 11.627 8.846 11.696 8.786 11.751C8.746 11.777 8.706 11.804 8.667 11.832L8.666 11.833C8.54 11.896 8.413 11.906 8.284 11.863C8.155 11.82 8.058 11.735 7.995 11.609L7.363 10.344L4.854 12.854C4.756 12.951 4.638 13 4.5 13C4.359 13 4.241 12.952 4.144 12.856C4.048 12.759 4 12.641 4 12.5L4 1.5C4 1.389 4.033 1.289 4.1 1.2C4.185 1.087 4.294 1.021 4.429 1.002C4.564 0.983 4.687 1.015 4.8 1.1L11.688 6.266C11.801 6.351 11.867 6.461 11.886 6.595C11.906 6.73 11.873 6.854 11.788 6.966C11.693 6.955 11.596 6.95 11.5 6.95C11.332 6.95 11.164 6.967 10.999 7L5 2.5L5 11.293L6.656 9.637ZM10.439 8.439C10.732 8.146 11.086 8 11.5 8C11.914 8 12.268 8.146 12.561 8.439C12.854 8.732 13 9.086 13 9.5C13 9.914 12.854 10.268 12.561 10.561C12.268 10.854 11.914 11 11.5 11C11.086 11 10.732 10.854 10.439 10.561C10.146 10.268 10 9.914 10 9.5C10 9.086 10.146 8.732 10.439 8.439ZM14.856 15.856C14.759 15.952 14.641 16 14.5 16L8.5 16C8.359 16 8.241 15.952 8.144 15.856C8.048 15.759 8 15.641 8 15.5L8 15C8 14.607 8.086 14.229 8.259 13.865C8.443 13.478 8.709 13.139 9.059 12.848C9.4 12.563 9.794 12.348 10.239 12.201C10.645 12.067 11.065 12 11.5 12C11.935 12 12.355 12.067 12.761 12.201C13.206 12.348 13.6 12.563 13.941 12.848C14.291 13.139 14.557 13.478 14.741 13.865C14.914 14.229 15 14.607 15 15L15 15.5C15 15.641 14.952 15.759 14.856 15.856Z"/></svg>
React
// Gentleface "cursor-user" (line-round), MIT. https://gentleface.com/icons/cursor-user
import type { SVGProps } from 'react';

export function CursorUserIcon(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="M6.656 9.637C6.763 9.53 6.887 9.452 7.029 9.401C7.19 9.344 7.355 9.33 7.523 9.357C7.692 9.384 7.843 9.45 7.978 9.555C8.097 9.648 8.19 9.762 8.257 9.897L8.89 11.162C8.952 11.285 8.961 11.412 8.917 11.543C8.889 11.627 8.846 11.696 8.786 11.751C8.746 11.777 8.706 11.804 8.667 11.832L8.666 11.833C8.54 11.896 8.413 11.906 8.284 11.863C8.155 11.82 8.058 11.735 7.995 11.609L7.363 10.344L4.854 12.854C4.756 12.951 4.638 13 4.5 13C4.359 13 4.241 12.952 4.144 12.856C4.048 12.759 4 12.641 4 12.5L4 1.5C4 1.389 4.033 1.289 4.1 1.2C4.185 1.087 4.294 1.021 4.429 1.002C4.564 0.983 4.687 1.015 4.8 1.1L11.688 6.266C11.801 6.351 11.867 6.461 11.886 6.595C11.906 6.73 11.873 6.854 11.788 6.966C11.693 6.955 11.596 6.95 11.5 6.95C11.332 6.95 11.164 6.967 10.999 7L5 2.5L5 11.293L6.656 9.637ZM10.439 8.439C10.732 8.146 11.086 8 11.5 8C11.914 8 12.268 8.146 12.561 8.439C12.854 8.732 13 9.086 13 9.5C13 9.914 12.854 10.268 12.561 10.561C12.268 10.854 11.914 11 11.5 11C11.086 11 10.732 10.854 10.439 10.561C10.146 10.268 10 9.914 10 9.5C10 9.086 10.146 8.732 10.439 8.439ZM14.856 15.856C14.759 15.952 14.641 16 14.5 16L8.5 16C8.359 16 8.241 15.952 8.144 15.856C8.048 15.759 8 15.641 8 15.5L8 15C8 14.607 8.086 14.229 8.259 13.865C8.443 13.478 8.709 13.139 9.059 12.848C9.4 12.563 9.794 12.348 10.239 12.201C10.645 12.067 11.065 12 11.5 12C11.935 12 12.355 12.067 12.761 12.201C13.206 12.348 13.6 12.563 13.941 12.848C14.291 13.139 14.557 13.478 14.741 13.865C14.914 14.229 15 14.607 15 15L15 15.5C15 15.641 14.952 15.759 14.856 15.856Z" />
    </svg>
  );
}
Vue
Vue: see /icons/cursor-user.md
Svelte
Svelte: see /icons/cursor-user.md
HTML img
HTML img: see /icons/cursor-user.md
CSS
CSS: see /icons/cursor-user.md
Data URL
Data URL: see /icons/cursor-user.md
Sprite
Sprite: see /icons/cursor-user.md
SwiftUI
SwiftUI: see /icons/cursor-user.md
Compose
Compose: see /icons/cursor-user.md
Android XML
Android XML: see /icons/cursor-user.md
Flutter
Flutter: see /icons/cursor-user.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
live cursors, multiplayer cursors, collaborator cursors
Example
Show or hide collaborators' cursors on a shared canvas (Figma, Miro, Docs)
Alternatives
  • users: the list of collaborators (users)
Built from
cursor + user
Tags
cursor, pointer, arrow, mouse, select, click, selection-tool, user
Category
Layout & interface
Component name
CursorUserIcon
History
  • added
  • base cursor redrawn

Family 1

cursor

More layout & interface icons

apps browser cards checkbox checkbox-indeterminate checkbox-off columns columns-gear cursor-text drag-drop grid grip-horizontal grip-vertical hand hand-grab hand-off · all layout & interface icons

For agents

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

Feedback