# npm profile picture API

> Get any npm profile picture from one image URL: avatarsapi.com/npm/<handle>. No npm API key, no scraping code.

Put a npm Handle in the URL and the response is the profile picture as image bytes, ready for an `<img src>`. avatarapi fetches it from npm, checks it is a real image, and caches it at the edge.

```html
<img src="https://avatarsapi.com/npm/sindresorhus" alt="">
```

## What goes in the URL

`https://avatarsapi.com/npm/<handle>`

An npm username. The avatar comes from the GitHub or GitLab account linked in that user's published packages.

Percent-encode the Handle if it contains a `/`, a space, or other reserved characters.

## Options

- `?size=16..1000` sets the square size in pixels (default 400): `https://avatarsapi.com/npm/sindresorhus?size=64`
- `?json` returns the resolved image URL instead of the bytes:

```json
{ "version": 1, "data": { "url": "https://…", "source": "npm", "kind": "username" } }
```

Starter Projects can also set `?ttl=1h..28d` for the cache lifetime (default 7 days).

## When there is no picture

If the account does not exist or has no profile picture, the response is a 404 with a JSON body whose `code` is `ENOTFOUND`. That makes `onerror` a reliable fallback:

```html
<img
  src="https://avatarsapi.com/npm/sindresorhus"
  onerror="this.onerror=null; this.src='/default-avatar.svg'"
  alt="">
```

`EUPSTREAM` (502) means npm itself failed or changed; it is usually transient. All codes are in the [error table](https://avatarsapi.com/docs#errors).

## Related

- [OpenStreetMap profile picture API](/platforms/openstreetmap)
- [Patreon profile picture API](/platforms/patreon)
- [PayPal profile picture API](/platforms/paypal)
- [Pinterest profile picture API](/platforms/pinterest)
- [All 67 platforms](/platforms/)