Generate SVG avatars on client side from a string seed. As long as the same version of the library is used it always returns the same avatar for the corresponding seed.
Using npm:
$ npm install animal-avatar-generator --saveor using yarn:
$ yarn add animal-avatar-generatorimport avatar from 'animal-avatar-generator'
const svg = avatar('your custom seed', { size: 200 })
document.getElementById('avatar').innerHTML = svg| Name | Type | Description | Default |
|---|---|---|---|
size |
number or string |
Avatar size in pixels or css property | 150 or '75%' |
round |
boolean |
Use round or rectangle shape | true |
blackout |
boolean |
Use blackout for right side of an avatar | true |
avatarColors |
string[] |
Palette for avatar colors | ['#d7b89c', '#b18272','#ec8a90','#a1Ac88','#99c9bd','#50c8c6'] |
backgroundColors |
string[] |
Palette for background colors | ['#fcf7d1', '#ece2e1','#e4e3cd','#c4ddd6','#b5f4bc'] |
Missing a configuration? Raise an issue.
MIT