Information
Material-Avatar is non-opinionated and only has a few small features. It was built to solve a larger problem. How can I generate a good looking default avatar for a user? Material-Avatar uses HTML5 Canvas to fill an element with a random(ized) background color, which uses this great module to find nice random colors, but has a fall-back just incase you don't include it.
Circle Avatars
<div class="circle-profile-photo">Alease Salvas</div><a href="javascript:void(0)">Alease Salvas</a>
$('.circle-profile-photo').materialAvatar({
shape: 'circle'
});
-
Alease Salvas
-
Annalisa Chamber
-
Becky Staudt
-
Brett Curnutte
-
Chara Hilliard
-
Dwayne Chagoya
-
Eartha Heavener
-
Florentino Tester
-
Giuseppe Lester
-
Hulda Louder
-
Jenell Hover
-
Meaghan Gervais
-
Shon Fulford
-
Tracey Blanchette
-
Vergie Cada
-
Will Blackshear
Square Avatars
<div class="square-profile-photo">Alease Salvas</div><a href="javascript:void(0)">Alease Salvas</a>
-
Alease Salvas
-
Annalisa Chamber
-
Becky Staudt
-
Brett Curnutte
-
Chara Hilliard
-
Dwayne Chagoya
-
Eartha Heavener
-
Florentino Tester
-
Giuseppe Lester
-
Hulda Louder
-
Jenell Hover
-
Meaghan Gervais
-
Shon Fulford
-
Tracey Blanchette
-
Vergie Cada
-
Will Blackshear