wehub-resource-sync
38 lines
1.1 KiB
Markdown
38 lines
1.1 KiB
Markdown
---
|
||
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" />
|