pointer icon
pointer-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- pointer-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
Related icons in Tabler Icons
pointer-2pointer-boltpointer-cancelpointer-checkpointer-codepointer-cogpointer-collaborationpointer-collaboration-2pointer-dollarpointer-downpointer-exclamationpointer-heartpointer-minuspointer-offpointer-pausepointer-pinpointer-pluspointer-questionpointer-searchpointer-sharepointer-starpointer-uppointer-x
Use the pointer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.039 4.277L6.943 17.84c.185.837.92 1.516 1.831 1.642l.17.016a2.2 2.2 0 0 0 1.982-1.006l.045-.078l1.4-2.072l4.05 4.05a2.067 2.067 0 0 0 2.924 0l1.047-1.047c.388-.388.606-.913.606-1.461l-.008-.182a2.07 2.07 0 0 0-.598-1.28l-4.047-4.048l2.103-1.412c.726-.385 1.18-1.278 1.053-2.189A2.2 2.2 0 0 0 17.8 6.928L4.276 3.038a1 1 0 0 0-1.236 1.24z"/></svg>
React
import type { SVGProps } from "react";
export function TablerPointerFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.039 4.277L6.943 17.84c.185.837.92 1.516 1.831 1.642l.17.016a2.2 2.2 0 0 0 1.982-1.006l.045-.078l1.4-2.072l4.05 4.05a2.067 2.067 0 0 0 2.924 0l1.047-1.047c.388-.388.606-.913.606-1.461l-.008-.182a2.07 2.07 0 0 0-.598-1.28l-4.047-4.048l2.103-1.412c.726-.385 1.18-1.278 1.053-2.189A2.2 2.2 0 0 0 17.8 6.928L4.276 3.038a1 1 0 0 0-1.236 1.24z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.039 4.277L6.943 17.84c.185.837.92 1.516 1.831 1.642l.17.016a2.2 2.2 0 0 0 1.982-1.006l.045-.078l1.4-2.072l4.05 4.05a2.067 2.067 0 0 0 2.924 0l1.047-1.047c.388-.388.606-.913.606-1.461l-.008-.182a2.07 2.07 0 0 0-.598-1.28l-4.047-4.048l2.103-1.412c.726-.385 1.18-1.278 1.053-2.189A2.2 2.2 0 0 0 17.8 6.928L4.276 3.038a1 1 0 0 0-1.236 1.24z"/></svg> </template>
CSS
.icon-pointer-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.039%204.277L6.943%2017.84c.185.837.92%201.516%201.831%201.642l.17.016a2.2%202.2%200%200%200%201.982-1.006l.045-.078l1.4-2.072l4.05%204.05a2.067%202.067%200%200%200%202.924%200l1.047-1.047c.388-.388.606-.913.606-1.461l-.008-.182a2.07%202.07%200%200%200-.598-1.28l-4.047-4.048l2.103-1.412c.726-.385%201.18-1.278%201.053-2.189A2.2%202.2%200%200%200%2017.8%206.928L4.276%203.038a1%201%200%200%200-1.236%201.24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.039%204.277L6.943%2017.84c.185.837.92%201.516%201.831%201.642l.17.016a2.2%202.2%200%200%200%201.982-1.006l.045-.078l1.4-2.072l4.05%204.05a2.067%202.067%200%200%200%202.924%200l1.047-1.047c.388-.388.606-.913.606-1.461l-.008-.182a2.07%202.07%200%200%200-.598-1.28l-4.047-4.048l2.103-1.412c.726-.385%201.18-1.278%201.053-2.189A2.2%202.2%200%200%200%2017.8%206.928L4.276%203.038a1%201%200%200%200-1.236%201.24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/pointer-filled.svg?color=%231a73e8&size=48
