Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.
yarn add boring-avatars
or
npm install boring-avatars
import Avatar from "boring-avatars";
<Avatar
size={40}
name="Maria Mitchell"
variant="marble"
colors={["#92A1C6", "#146A7C", "#F0AB3D", "#C271B4", "#C20D90"]}
/>;| Prop | Type |
|---|---|
| size | number or string |
| name | string |
| variant | oneOf: marble, beam, pixel,sunset, ring, bauhaus |
| colors | array of colors |