<!-- Source: https://www.dicebear.com/styles/gaze/ -->
<!-- Documentation for DiceBear 10.7.0. The complete docs as one file: https://www.dicebear.com/llms-full.txt -->

# Gaze

Gaze puts a pair of eyes on a colored body and leaves off everything else. Seven
of the eleven silhouettes are plain geometry, the rest a pill, a column, an egg
and an arch, and eleven eye pairs sit on them at five spacings. The eyes take
whichever ink holds up against the body color. With the animation on they wander
and blink while the body hops. Generate friendly SVG profile icons for chat apps
and dashboards.

- **Style name:** `gaze`
- **Category:** Characters
- **Animated:** yes
- **Creator:** DiceBear (https://www.dicebear.com)
- **Source:** https://www.dicebear.com
- **License:** CC0 1.0 (https://creativecommons.org/publicdomain/zero/1.0/)

## Usage

Every library below produces the same SVG for the same seed and options.

HTTP API:

```
https://api.dicebear.com/10.x/gaze/svg?seed=John
```

JavaScript:

```
npm install @dicebear/core @dicebear/styles --save
```

```js
import { Style, Avatar } from '@dicebear/core';
import definition from '@dicebear/styles/gaze.json' with { type: 'json' };

const style = new Style(definition);
const avatar = new Avatar(style, { seed: 'John' });

const svg = avatar.toString();
```

PHP:

```
composer require dicebear/core dicebear/styles
```

```php
<?php

use Composer\InstalledVersions;
use DiceBear\Style;
use DiceBear\Avatar;

$basePath = InstalledVersions::getInstallPath('dicebear/styles');
$style = Style::fromJson(file_get_contents($basePath . '/src/gaze.json'));

$avatar = new Avatar($style, ['seed' => 'John']);

$svg = (string) $avatar;
```

Python:

```
pip install dicebear-core dicebear-styles
```

```python
from importlib.resources import files

from dicebear import Avatar, Style

style = Style.from_json(
    files("dicebear_styles").joinpath("gaze.json").read_text("utf-8")
)

avatar = Avatar(style, {"seed": "John"})

svg = avatar.to_string()
```

Rust:

```
cargo add dicebear-core serde_json
cargo add dicebear-styles --features gaze
```

```rust
use dicebear_core::{Avatar, Style};
use serde_json::json;

let style = Style::from_str(dicebear_styles::GAZE)?;
let avatar = Avatar::new(&style, json!({ "seed": "John" }))?;

let svg = avatar.to_svg();
```

Go:

```
go get github.com/dicebear/dicebear-go/v10
go get github.com/dicebear/styles/v10
```

```go
import (
	dicebear "github.com/dicebear/dicebear-go/v10"
	"github.com/dicebear/styles/v10"
)

style, _ := dicebear.NewStyle([]byte(styles.Gaze))
avatar, _ := dicebear.NewAvatar(style, map[string]any{"seed": "John"})

svg := avatar.SVG()
```

Dart:

```
dart pub add dicebear_core dicebear_styles
```

```dart
import 'package:dicebear_core/dicebear_core.dart';
import 'package:dicebear_styles/gaze.dart';

final style = Style.parse(gaze);
final avatar = Avatar(style, {'seed': 'John'});

final svg = avatar.svg;
```

C#:

```
dotnet add package DiceBear.Core
dotnet add package DiceBear.Styles
```

```csharp
using System.Text.Json.Nodes;
using DiceBear;

var style = Style.Parse(Styles.Gaze);
var avatar = new Avatar(style, new JsonObject { ["seed"] = "John" });

var svg = avatar.ToSvg();
```

CLI:

```
npm install --global dicebear
```

```
dicebear gaze
```

## Presets

12 ready-made option sets for this style. Each is a plain set of
render options: pass it to any of the libraries or send it as HTTP-API query
parameters. You do not need to install anything for them, and any option a
preset leaves out keeps varying with the seed.

- **Sepia:** Warm brown bodies on cream.
- **Greyscale:** The same bodies without hue.
- **Duotone:** One mint body for everyone.
- **Muted:** Dusty bodies instead of the pastels.
- **Electric:** Bodies past anything the style ships.
- **Pastel Wall:** Pale ground behind the body.
- **Bold Pop:** Saturated ground behind the body.
- **Night Shift:** Near black ground, bodies unchanged.
- **Sunrise:** A warm gradient behind the body.
- **Geometric:** Only the straight edged silhouettes.
- **Animated:** Turns the style's built-in animation on.
- **Close Up:** Scaled in, so the body runs past the edge.

The full option set of each one is at https://www.dicebear.com/styles/gaze/presets/index.md.

## Options

Every option below works in all libraries and as a query parameter of the HTTP
API. The ones built from a component name (`<component>Variant`,
`<component>Probability`) or from a color group (`<group>Color`,
`<group>ColorFill`, `<group>ColorFillStops`, `<group>ColorAngle`,
`<group>ColorOrder`) belong to this style; the rest are
[core options](https://www.dicebear.com/guides/core-options/) that every style accepts.

| Option | Type | Values |
| --- | --- | --- |
| `seed` | string |  |
| `size` | number | 1 to 4096 |
| `idRandomization` | boolean |  |
| `title` | string |  |
| `flip` | enum (array allowed) | `none`, `horizontal`, `vertical`, `both` |
| `fontFamily` | string (array allowed) |  |
| `fontWeight` | number (array allowed) | 1 to 1000 |
| `scale` | range | 0 to 10 |
| `borderRadius` | range | 0 to 50 |
| `rotate` | range | -360 to 360 |
| `translateX` | range | -1000 to 1000 |
| `translateY` | range | -1000 to 1000 |
| `shapeVariant` | enum (array allowed) | `arch`, `circle`, `column`, `diamond`, `egg`, `hexagon`, `octagon`, `pentagon`, `pill`, `square`, `triangle` |
| `shapeProbability` | number | 0 to 100 |
| `spacingVariant` | enum (array allowed) | `close`, `far`, `normal`, `snug`, `wide` |
| `spacingProbability` | number | 0 to 100 |
| `eyesVariant` | enum (array allowed) | `bars`, `beans`, `big`, `dots`, `grin`, `happy`, `shine`, `small`, `squint`, `tall`, `wide` |
| `eyesProbability` | number | 0 to 100 |
| `animationVariant` | enum (array allowed) | `fast`, `fastest`, `medium`, `none`, `slow`, `slowest` |
| `animationProbability` | number | 0 to 100 |
| `bodyColor` | color (array allowed) | Hex color, `#` optional |
| `bodyColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `bodyColorFillStops` | range |  |
| `bodyColorAngle` | range | -360 to 360 |
| `bodyColorOrder` | enum | `random`, `fixed` |
| `inkColor` | color (array allowed) | Hex color, `#` optional |
| `inkColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `inkColorFillStops` | range |  |
| `inkColorAngle` | range | -360 to 360 |
| `inkColorOrder` | enum | `random`, `fixed` |
| `glintColor` | color (array allowed) | Hex color, `#` optional |
| `glintColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `glintColorFillStops` | range |  |
| `glintColorAngle` | range | -360 to 360 |
| `glintColorOrder` | enum | `random`, `fixed` |
| `backgroundColor` | color (array allowed) | Hex color, `#` optional |
| `backgroundColorFill` | enum (array allowed) | `solid`, `linear`, `radial` |
| `backgroundColorFillStops` | range |  |
| `backgroundColorAngle` | range | -360 to 360 |
| `backgroundColorOrder` | enum | `random`, `fixed` |
| `tags` | enum (array allowed) | `animation` (further values allowed) |

The same table is available as JSON at
`https://api.dicebear.com/10.x/gaze/options.json`, and the
raw definition at
`https://api.dicebear.com/10.x/gaze/definition.json`.