gridy-avatars

1.1.3 • Public • Published

Gridy Avatars npm (scoped) demo Try gridy-avatars on RunKit

SVG avatars generator

sample 1sample 2sample 3sample 4sample 5

Demo

Try randomize button here.

Usage

Development

  1. yarn
  2. edit ./src/avatars.svg in Inkscape (use one layer per feature)
  3. npm run dev
  4. copy generated shapes from dev web app to ./shapes.json
  5. npm run build

Notes

  • 86 = 262.144 variants
  • based on 24×24 pixels grid
  • using Material Design colors (generated in ./src/colors.js)
  • no transparent colors
  • utilizing SVG clipPaths (with fully opaque colors)
  • no dependencies
  • inspired by Gabfranck/svg_avatar

Package Sidebar

Install

npm i gridy-avatars

Weekly Downloads

72

Version

1.1.3

License

MIT

Unpacked Size

513 kB

Total Files

14

Last publish

Collaborators

  • darosh