dicebear--dicebear
wehub-resource-sync
39 行
1.1 KiB
Markdown
39 行
1.1 KiB
Markdown
---
|
|
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" />
|