---
title: "Account settings animated icon"
description: "Account settings animated icon (Account & privacy). The account's settings are adjusted. Light: the gear beside the person presses in, turns one tooth clockwise and clicks into place with a hit and a small rebound, popping back out as it locks; a beat later the person nods. Strong: the gear winds back first, presses in harder and turns two teeth, clicks in with a two-beat settle, and the person nods deeper, then once more, smaller."
canonical: https://generativeicons.com/icons/account-settings/
---

# Account settings animated icon

The account's settings are adjusted. Light: the gear beside the person presses in, turns one tooth clockwise and clicks into place with a hit and a small rebound, popping back out as it locks; a beat later the person nods. Strong: the gear winds back first, presses in harder and turns two teeth, clicks in with a two-beat settle, and the person nods deeper, then once more, smaller.

- Id: `account-settings`
- Category: Account & privacy
- Search terms: profile settings, user settings, account preferences, manage account, account details, account options, account management, personal settings, user preferences
- 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/account-settings.lottie (dotLottie, 11964 bytes, sha256 0dbc490c432df8adc7fc8f0a4c8d9a4f1c4b76e290c074a7289e3d9c10d68faa)
- License: MIT

## Install

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

## React

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

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