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:

  1. 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:

    profile for Community♦ at Stack Overflow, Q&A for professional and enthusiast programmers
  2. 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:

    profile for Community♦ on Stack Exchange, a network of free, community-driven Q&A sites