---
title: "Advanced settings animated icon"
description: "Advanced settings animated icon (Preferences). Something gets tightened. Light: the wrench winds back a little, cranks hard clockwise about the nut held in its jaw and stops dead, three short marks flash out of the jaw as it bites, and the wrench swings back and settles. Strong: it ratchets twice, crank, swing back, a harder crank, with a flash of marks on each bite. The wrench stays rigid and turns about the nut."
canonical: https://generativeicons.com/icons/advanced-settings/
---

# Advanced settings animated icon

Something gets tightened. Light: the wrench winds back a little, cranks hard clockwise about the nut held in its jaw and stops dead, three short marks flash out of the jaw as it bites, and the wrench swings back and settles. Strong: it ratchets twice, crank, swing back, a harder crank, with a flash of marks on each bite. The wrench stays rigid and turns about the nut.

- Id: `advanced-settings`
- Category: Preferences
- Search terms: wrench, spanner, configure, configuration, developer options, expert mode, power user, tweak, maintenance, system tools
- 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/advanced-settings.lottie (dotLottie, 4205 bytes, sha256 0b4112d7c0d016ee16f786f09d0a4a2e71fe3fa58498b2057ab6dd644fa96df5)
- License: MIT

## Install

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

## React

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

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