Pretty Avatars

prettyavatars is collection of pretty default avatars to use in your next project ✨

Install

yarn add prettyavatars

npm install prettyavatars

pnpm add prettyavatars

Usage

import Avatar from 'prettyavatars'

<Avatar
  variant='marble'
  name='Maria Mitchell'
  size={40}
  colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
/>

Or with tree-shaking:

import LetterAvatar from 'prettyavatars/letter'

<LetterAvatar
  name='Maria Mitchell'
  size={40}
  colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
/>

Props

Prop	Type
variant	oneOf: letter, letter-plain, pixel-art, smile, marble, beam, pixel,sunset, ring, bauhaus,
name	string
size	number or string, 40px (default)
square	boolean: false (default)
colors	array of colors

_{* bold means required}