Avatar

Use the avatar in thumbs, profile and even to illustrate an icon just use the class .avatar, you can also vary the styles use .primary or .outline and the sizes .small and .large

Install

Add @vishnucss/avatar dependency to your project:

yarn add @vishnucss/avatar
<link rel="stylesheet" href="https://unpkg.com/@vishnucss/avatar" />

Usage

<!-- Avatar default -->
<span class="avatar">Zf</span>
<!-- Avatar primary -->
<span class="avatar avatar-primary">Aa</span>

Zf