Introduction Writing Guidelines Colors & Icons Javascript Forms Grid Blankslate Avatars Buttons Alerts Modals Tooltips Panels Popovers Tables Navigation Utilities & Markdown Miscellaneous

# Avatars

Avatars are user and organization profile pictures.

    <figure class="avatar avatar-lg">
        <img src="https://picturepan2.github.io/spectre/demo/img/avatar-1.png" />
    </figure>

    <figure class="avatar avatar-md">
        <img src="https://picturepan2.github.io/spectre/demo/img/avatar-3.png" />
        <img src="https://picturepan2.github.io/spectre/demo/img/avatar-4.png" class="avatar-icon" />
    </figure>

    <img class="avatar avatar-sm" src="https://picturepan2.github.io/spectre/demo/img/avatar-1.png" />

    <figure class="avatar avatar-sm">
        <img src="https://picturepan2.github.io/spectre/demo/img/avatar-3.png" />
        <img src="https://picturepan2.github.io/spectre/demo/img/avatar-4.png" class="avatar-icon" />
    </figure>

    <figure class="avatar avatar-lg" data-initial="SP"></figure>