dicebear--dicebear/apps/docs/pages/styles/shape-grid/index.md

title, description

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

Usage

Options

Details