---
title: "Self-timer animated icon"
description: "Self-timer animated icon (Photos & camera). The lens ring counts down clockwise from 12, then the lens dot flashes as the shot fires. Strong counts faster, the flash is bigger and the camera jolts on the shot. The fired camera is retained; preview reset rearms the ring."
canonical: https://generativeicons.com/icons/self-timer/
---

# Self-timer animated icon

The lens ring counts down clockwise from 12, then the lens dot flashes as the shot fires. Strong counts faster, the flash is bigger and the camera jolts on the shot. The fired camera is retained; preview reset rearms the ring.

- Id: `self-timer`
- Category: Photos & camera
- Search terms: camera timer, countdown, delay, delayed shot, timed photo, timed shot, shutter delay, selfie, group photo, photo countdown
- 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/self-timer.lottie (dotLottie, 16574 bytes, sha256 19552b1a0f1db2d07b37227888f542a9e2dd91bec75278de4e497026bf8860bf)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add self-timer
```

## React

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

export function SelfTimerIcon() {
  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/self-timer.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/self-timer/ · https://generativeicons.com/api/icons/self-timer