---
title: "Engine animated icon"
description: "Engine animated icon (Automotive). The engine fires up. Light: the block jolts up as it fires, rocking a little, and a vibration mark flicks out from each shoulder; it drops back with a hit and rattles down in two smaller bounces as the marks fade. Strong: the starter cranks twice (two small jolts), then the engine catches: a bigger jolt and rock, marks flick out from both shoulders and the top, and it rattles down in three decaying bounces. The block stays rigid; the marks ride with it and are gone before the end."
canonical: https://generativeicons.com/icons/engine/
---

# Engine animated icon

The engine fires up. Light: the block jolts up as it fires, rocking a little, and a vibration mark flicks out from each shoulder; it drops back with a hit and rattles down in two smaller bounces as the marks fade. Strong: the starter cranks twice (two small jolts), then the engine catches: a bigger jolt and rock, marks flick out from both shoulders and the top, and it rattles down in three decaying bounces. The block stays rigid; the marks ride with it and are gone before the end.

- Id: `engine`
- Category: Automotive
- Search terms: check engine, ignition, start engine, combustion, horsepower, hp, mechanic, car repair, powertrain, engine block, engine warning, motor
- One action, back to rest
- 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/engine.lottie (dotLottie, 4252 bytes, sha256 9ea56d812c324a9e54c84836f73de0711c75ccbc6eee2c679b6c688064305ba7)
- License: MIT

## Install

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

## React

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

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