Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

generate-avatar

Package Overview
Dependencies
Maintainers
1
Versions
19
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

generate-avatar

Generate your 100% fingerprinted example avatar from id, email, username etc.

  • 1.4.10
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
614
increased by24.29%
Maintainers
1
Weekly downloads
 
Created
Source

generate-avatar

👆 The logo is: generateFromString('generateavatar')

License Version bundle size (minified) type definitions

Check out the example and download your avatar: https://generate-avatar.now.sh/

Why use Generate Avatar?

A lightweight and blazing fast avatar generator, which is 100% fingerprinted and unique for any input you want.

Pass in your email, uuid, username etc. as an input and it will generate everytime the same unique svg based avatar for you.

Which means you don't have to store any generated images in your database anymore. It generates those images on the fly wherever you want based on the id, email and so on.

The best thing it's only 5 kB small, so it can be basically used everywhere you want.

Install

  yarn add generate-avatar

or

  npm install generate-avatar

How it works

You pass in the string you want and it will return the svg in a string format:

  import { generateFromString } from 'generate-avatar'

  generateFromString("example@test.com")

This will generate the svg in a string format. In order to use it, you can use the image data src attribute like this:

<img src={`data:image/svg+xml;utf8,${generateFromString("example@test.com")}`} />

Try it out here and download the image. You will see that it generates the exact same image everytime. Isn't that amazing ?

generate-avatargenerate-avatargenerate-avatargenerate-avatargenerate-avatargenerate-avatar

Keywords

FAQs

Package last updated on 05 Apr 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc