Fork me on GitHub


Simple jQuery plugin to make Gmail like text avatars for profile pictures. These avatars can be scaled up to any size as they are SVG based.



  • Prescott Mendoza
  • Brennan Evans
  • Hall Reeves
  • Lucas Conway
  • Murphy Doyle
  • Richard Osborn
  • Caldwell Aguirre
  • Seth Sykes
  • Emerson Galloway
  • Anthony Clements


Browser compatibility



 <img data-name="Steve" class="profile"/> 

jQuery code



Below options can be overridden with data-attributes inside the image element. Refer to the "data-attribute" column for related data-attribute for each option

Option data-attribute Description Default Value Usage
name data-name Name of the user which the profile picture should be generated Name
height data-heightHeight of the picture 100
width data-width Width of the picture 100
charCount data-char-count Number of characherts to be shown in the picture. 1
textColor data-text-color Color of the text #ffffff
fontSize data-font-size Font size of the character(s) 60
fontWeight data-font-weight Font weight of the character(s) 400

comments powered by Disqus