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