---
title: Shape Grid – Avatar Style
description: >
  Create Shape Grid 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>

# Shape Grid

Shape Grid is an abstract vector avatar style that arranges four simple shapes
(squares, circles, triangles, and hexagons) in a 2×2 grid on a tinted
background. Generate playful SVG profile icons that work as avatar placeholders
or decorative user identifiers.

<StylePreview styleName="shape-grid" />

<StyleDescription styleName="shape-grid" />

## Usage

<StyleUsage styleName="shape-grid" />

## Options

<StyleOptions styleName="shape-grid" />

## Details

<StyleInfo styleName="shape-grid" />