Skip to content
tablericons

ui

Pointer Collaboration icon

Download the Pointer Collaboration icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.

  • cursors
  • multiplayer
  • collaboration
  • presence
  • teamwork
  • co-editing
  • real-time
  • remote
  • figma
  • users
Size
Stroke
Color
Download SVG

Press C to copy SVG, J for JSX, D to download.

Category
ui
Styles
Outline
Component
IconPointerCollaboration
License
MIT · Paweł Kuna

Code

Copy it the way you use it

pointer-collaboration.svg
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
 
>
  <path d="M13.943 13.013l5.016 -1.957c1.445 -.563 1.367 -2.633 -.116 -3.087l-12.727 -3.895c-1.253 -.384 -2.426 .79 -2.042 2.042l3.895 12.727c.454 1.483 2.524 1.56 3.087 .116l1.957 -5.017c.166 -.426 .503 -.763 .93 -.929" />
  <path d="M20 15l-3.151 1.064a1.25 1.25 0 0 0 -.785 .785l-1.064 3.151" />
</svg>

Use the Pointer Collaboration icon

For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.

React example
import { IconPointerCollaboration } from '@tabler/icons-react';

<IconPointerCollaboration size={24} stroke={2} />
Read the React guide
Vue example
import { IconPointerCollaboration } from '@tabler/icons-vue';

<IconPointerCollaboration :size="24" :stroke="2" />
Read the Vue guide
Svelte 5 example
import { IconPointerCollaboration } from '@tabler/icons-svelte-runes';

<IconPointerCollaboration size={24} stroke={2} />
Read the Svelte guide

Compare variants and alternatives

Related

Related icons

See all 508 ui icons