---
title: "Round countdown animated icon"
description: "Round countdown animated icon (Gamification & rewards). The round runs out. Light: the crown button is pressed, the hand sweeps 270 degrees from twelve to nine o'clock and stops dead there, and the watch jolts once as time is up; the hand stays at nine. Strong: a harder press, a faster sweep, and the watch rings like an alarm, rocking about its hub through decaying swings. Reverse: the button is pressed again and the hand snaps back to twelve with a small jolt. The hand never leaves the hub and never overshoots its reading."
canonical: https://generativeicons.com/icons/round-countdown/
---

# Round countdown animated icon

The round runs out. Light: the crown button is pressed, the hand sweeps 270 degrees from twelve to nine o'clock and stops dead there, and the watch jolts once as time is up; the hand stays at nine. Strong: a harder press, a faster sweep, and the watch rings like an alarm, rocking about its hub through decaying swings. Reverse: the button is pressed again and the hand snaps back to twelve with a small jolt. The hand never leaves the hub and never overshoots its reading.

- Id: `round-countdown`
- Category: Gamification & rewards
- Search terms: round timer, game timer, match timer, turn timer, time limit, timed round, times up, time up, beat the clock, speed round, out of time, lightning round
- Two states: round-start to round-elapsed, 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/round-countdown.lottie (dotLottie, 6192 bytes, sha256 725b362b8aef7a33d5d475204c8f569e6b6cba84f2baf36319e33d9bc3c24a41)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add round-countdown
```

## React

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

export function RoundCountdownIcon() {
  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/round-countdown.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/round-countdown/ · https://generativeicons.com/api/icons/round-countdown