Modern Stack Exchange flair

Alternative to low-resolution Stack Exchange flair images, with new, beautiful SVG badges. Example:

vs.

How to use

Insert the dynamic image in your markdown, as in:

![My flair](https://stackexchange-stats-flair.juanmi.rocks/?site=stackoverflow&user_id=YOUR_USER_ID)

alternatively, in HTML:

<!-- You might set specific dimensions with the `width`/`height` attributes; https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#height -->
<img alt="My flair" height="58vw" src="https://stackexchange-stats-flair.juanmi.rocks/?site=stackoverflow&user_id=YOUR_USER_ID" />

URL query parameters:

• site (Optional; defaults to stackoverflow) a site's identifier in the Stack Exchange (SE) network; see list.
• user_id: your user id in the chosen network (visible for example in your profile's URL).
• theme (Optional) see below.

Designs & Themes

See available

Design: classic_flair

Theme name	Result
default / classic_flair_default
clean
dark
hotdog

Copyright / License

Copyright 2023 Dr. Juan Miguel Cejuela

SPDX-License-Identifier: Apache-2.0

See files: LICENSE & NOTICE.