---
title: Initials – Avatar Placeholder API
description: >
  Generate SVG initials avatars with DiceBear, a free avatar placeholder API and
  JavaScript library for user profile pictures.
---

<script setup lang="ts">
import StylePreview from "@theme/components/styles/StylePreview.vue";
import StyleInfo from "@theme/components/styles/StyleInfo.vue";
import StyleDescription from "@theme/components/styles/StyleDescription.vue";
import StyleUsage from "@theme/components/styles/StyleUsage.vue";
import StyleOptions from "@theme/components/styles/StyleOptions.vue";
</script>

# Initials

Initials is a text-based vector avatar style that renders one or two large
letters centered on a solid colored square, the monogram or letter avatar you
see in many apps. It is deterministic and easy to read, which makes it a
practical fallback for users who haven't uploaded a profile picture yet, and you
can generate it from any name or seed.

<StylePreview styleName="initials" />

<StyleDescription styleName="initials" />

## Usage

<StyleUsage styleName="initials" />

## Options

<StyleOptions styleName="initials" />

## Details

<StyleInfo styleName="initials" />