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

# Triangles

Triangles is an abstract vector avatar style that tiles a grid of two-tone
triangles into a tangram-like pattern across a colored background. Generate
graphic SVG profile icons that work as avatar placeholders or decorative user
identifiers.

<StylePreview styleName="triangles" />

<StyleDescription styleName="triangles" />

## Usage

<StyleUsage styleName="triangles" />

## Options

<StyleOptions styleName="triangles" />

## Details

<StyleInfo styleName="triangles" />