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.

Preview

Open Playground

LICENSE

Gaze by DiceBear, licensed under CC0 1.0. See details for more information.

Usage

Use this URL to request this avatar style via our HTTP API.

https://api.dicebear.com/10.x/gaze/svg

You can use the URL directly as image source.

<img
  src="https://api.dicebear.com/10.x/gaze/svg"
  alt="avatar"
/>

See HTTP-API docs for more information.

First install the required packages via npm:

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

Then you can create this avatar as follows:

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, {
  // ... options
});

const svg = avatar.toString();

See JS docs for more information.

First install the required packages via Composer:

composer require dicebear/core dicebear/styles

Then you can create this avatar as follows:

<?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, [
  // ... options
]);

$svg = (string) $avatar;

See PHP docs for more information.

First install the required packages via pip:

pip install dicebear-core dicebear-styles

Then you can create this avatar as follows:

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, {
    # ... options
})

svg = avatar.to_string()

See Python docs for more information.

First add the required crates via Cargo:

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

Then you can create this avatar as follows:

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

let style = Style::from_str(dicebear_styles::GAZE)?;
let avatar = Avatar::new(&style, json!({
  // ... options
}))?;

let svg = avatar.to_svg();

See Rust docs for more information.

First add the required modules with go get:

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

Then you can create this avatar as follows:

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{
	// ... options
})

svg := avatar.SVG()

See Go docs for more information.

First add the required packages with dart pub:

dart pub add dicebear_core dicebear_styles

Then you can create this avatar as follows:

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

final style = Style.parse(gaze);
final avatar = Avatar(style, {
  // ... options
});

final svg = avatar.svg;

See Dart docs for more information.

First add the required package with the dotnet CLI:

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

Then you can create this avatar as follows:

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

var style = Style.Parse(Styles.Gaze);
var avatar = new Avatar(style, new JsonObject
{
    // ... options
});

var svg = avatar.ToSvg();

See C# docs for more information.

First install the CLI package via npm:

npm install --global dicebear

Then you can create this avatar as follows:

dicebear gaze

See CLI docs for more information.

Presets

Options

Details

URLs

HTTP-API

https://api.dicebear.com/10.x/gaze/svg

Definition

https://cdn.hopjs.net/npm/@dicebear/styles@10.6.0/dist/gaze.min.json

Source

Title

Gaze

Creator

DiceBear

Website

https://www.dicebear.com

License

CC0 1.0

Source

https://www.dicebear.com