Flair is an auto-generated image displaying a user's total reputation and badge counts on one Stack Exchange site or across all of them.
Flairs are images that are generated by Stack Exchange with some information about your reputation and badges on SO and other community sites. This flair you can add to your blog or webspace.
There are two types of flairs:
Normal flairs
You can add this flair by adding following code (for example the community user):
<a href="https://stackoverflow.com/users/-1/community"> <img src="https://stackoverflow.com/users/flair/-1.png" width="208" height="58" alt="profile for Community♦ at Stack Overflow, Q&A for professional and enthusiast programmers" title="profile for Community♦ at Stack Overflow, Q&A for professional and enthusiast programmers"> </a>
That results in:
-
Combined flair
You can combinate your accounts by this code (only the site where you have more than 200 reputation are show):
<a href="https://stackexchange.com/users/-1"> <img src="https://stackexchange.com/users/flair/-1.png" width="208" height="58" alt="profile for Community♦ on Stack Exchange, a network of free, community-driven Q&A sites" title="profile for Community♦ on Stack Exchange, a network of free, community-driven Q&A sites"> </a>
That results in: