---
title: "Anchor point animated icon"
description: "Anchor point animated icon (Motion design). The anchor moves along the layer rim and the layer turns around that new pivot. Strong pulls back before the move and turns the layer farther before settling."
canonical: https://generativeicons.com/icons/anchor-point/
---

# Anchor point animated icon

The anchor moves along the layer rim and the layer turns around that new pivot. Strong pulls back before the move and turns the layer farther before settling.

- Id: `anchor-point`
- Category: Motion design
- Search terms: pivot, pivot point, origin, transform origin, rotation point, rotation center, registration point, center point, centre point, transform center
- Two states: Centered anchor to Corner anchor, 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/anchor-point.lottie (dotLottie, 8429 bytes, sha256 e78bd249490397903586bd08534b80e93f3f7d75a9e68a20c5c762c17bc9fc9e)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add anchor-point
```

## React

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

export function AnchorPointIcon() {
  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/anchor-point.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/anchor-point/ · https://generativeicons.com/api/icons/anchor-point