Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tobiaslins/avatar

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

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

Last synced: about 18 hours ago
JSON representation

💎 Beautiful avatars as a microservice

Host: GitHub
URL: https://github.com/tobiaslins/avatar
Owner: vercel
License: mit
Created: 2017-02-09T21:18:45.000Z (almost 8 years ago)
Default Branch: main
Last Pushed: 2024-11-15T16:24:13.000Z (about 1 month ago)
Last Synced: 2024-12-23T16:52:36.794Z (4 days ago)
Topics: avatar, avatar-placeholder, beautiful-avatars, random-avatars, svg-avatar, vercel
Language: TypeScript
Homepage: https://avatar.vercel.sh
Size: 182 KB
Stars: 1,191
Watchers: 10
Forks: 72
Open Issues: 4
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-list-microservice - avatar

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)

### Adjust Roundness

```

https://avatar.vercel.sh/rauchg?rounded=60

```

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

### 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)