gridy-avatars
v1.1.3
Published
SVG avatar generator
Downloads
262
Maintainers
Readme
Gridy Avatars

SVG avatars generator
Demo
Try randomize button here.
Usage
- see exported API in ./src/avatars.js
- use ./dist/avatars.js
- see ./dist/index.html for example usage (with Vue.js)
Development
yarn
- edit ./src/avatars.svg in Inkscape (use one layer per feature)
npm run dev
- copy generated shapes from dev web app to ./shapes.json
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