---
title: Shapes – Avatar Style
description: >
  Create Shapes avatars with the DiceBear avatar library. Generate unique
  profile pictures using our free avatar API or JavaScript avatar library.
---

<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>

# Shapes

Shapes is an abstract vector avatar style composed of two or three large
geometric forms (squares, circles, and triangles) layered and rotated on a
colored background. Generate minimal SVG profile icons that work as avatar
placeholders or abstract user identifiers.

<StylePreview styleName="shapes" />

<StyleDescription styleName="shapes" />

## Usage

<StyleUsage styleName="shapes" />

## Options

<StyleOptions styleName="shapes" />

## Details

<StyleInfo styleName="shapes" />