---
title: "Emphasis pointer animated icon"
description: "Emphasis pointer animated icon (Annotation arrows). An arrow points at a spot and bursts emphasis marks around its tip: look here. Light: the stroke writes from the source dot, the head opens, and three short marks draw out around the tip one after another. Strong: the dot presses as the pen lands, the stroke writes fast and the head snaps open, then the marks burst out past their place and settle. The preview reset fades the arrow and marks back to the dot."
canonical: https://generativeicons.com/icons/annotation-emphasis/
---

# Emphasis pointer animated icon

An arrow points at a spot and bursts emphasis marks around its tip: look here. Light: the stroke writes from the source dot, the head opens, and three short marks draw out around the tip one after another. Strong: the dot presses as the pen lands, the stroke writes fast and the head snaps open, then the marks burst out past their place and settle. The preview reset fades the arrow and marks back to the dot.

- Id: `annotation-emphasis`
- Category: Annotation arrows
- Search terms: look here, notice this, see here, check this out, call attention, attention arrow, emphasize, emphasise, highlight spot, important point, hand drawn arrow, sketch arrow, annotate
- Two states: prepared to result, played forward and back
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.com/assets/annotation-emphasis.lottie (dotLottie, 7961 bytes, sha256 82f734a2680974e601f6b573c72698f69c4a64bd126a6f0d1ddf723bfb1bc5c2)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add annotation-emphasis
```

## React

```tsx
// npm install @lottiefiles/generative-icons-react
'use client';
import { AnimatedIcon } from '@lottiefiles/generative-icons-react';
import icon, { src } from './generative-icons/annotation-emphasis.mjs';

export function AnnotationEmphasisIcon() {
  return <AnimatedIcon icon={icon} src={src} size={32}
    color="#ffffff" variant="outline" weight={2}
    motion="light" theme="dark" />;
}
```

## JavaScript

```js
import { createIcon } from '@lottiefiles/generative-icons-runtime';
import icon, { src } from './generative-icons/annotation-emphasis.mjs';

const handle = await createIcon(canvas, {
  icon, src,
  color: '#ffffff', style: 'outline', weight: 2,
  motion: 'light', theme: 'dark'
});
button.addEventListener('click', () => handle.play());
// On removal: handle.destroy();
```

More: https://generativeicons.com/icons/annotation-emphasis/ · https://generativeicons.com/api/icons/annotation-emphasis