https://github.com/vercel/avatar

💎 Beautiful avatars as a microservice
https://github.com/vercel/avatar

avatar avatar-placeholder beautiful-avatars random-avatars svg-avatar vercel

Last synced: about 1 month ago
JSON representation

💎 Beautiful avatars as a microservice

• Host: GitHub
• URL: https://github.com/vercel/avatar
• Owner: vercel
• License: mit
• Created: 2017-02-09T21:18:45.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-10-25T07:39:41.000Z (11 months ago)
• Last Synced: 2024-04-18T12:31:06.652Z (5 months ago)
• Topics: avatar, avatar-placeholder, beautiful-avatars, random-avatars, svg-avatar, vercel
• Language: TypeScript
• Homepage: https://avatar.vercel.sh
• Size: 175 KB
• Stars: 1,058
• Watchers: 9
• Forks: 65
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# avatar ![](https://avatar.vercel.sh/rauchg?size=20) ![](https://avatar.vercel.sh/leerob?size=20) ![](https://avatar.vercel.sh/vercel?size=20) ![](https://avatar.vercel.sh/party?size=20) ![](https://avatar.vercel.sh/edge?size=20)

Generate beautiful gradient avatars for your application.

## Usage

Provide a username to generate an avatar. Each name will generate a unique `avatar`. Just replace `rauchg` with an `username` or `email`:

```

https://avatar.vercel.sh/rauchg

```

You will receive a `png` image with a size of 120\*120px

![Avatar for rauchg](https://avatar.vercel.sh/rauchg)

### Custom Size

```

https://avatar.vercel.sh/rauchg?size=30

```

![Avatar for rauchg](https://avatar.vercel.sh/rauchg?size=30)

### SVG

Add the extension `.svg`:

```

https://avatar.vercel.sh/rauchg.svg

```

### Add Initials

Add the `text` parameter (requires SVG):

```

https://avatar.vercel.sh/rauchg.svg?text=GR

```

![Avatar for rauchg](https://avatar.vercel.sh/rauchg.svg?text=GR)