15+ CSS Avatars Design

CSS Avatars – Are you looking for CSS Avatars Design, If yes then in this post I am going to share hand-picked CSS Avatars for you. You can use these CSS Avatars in your website profile page.

CSS Avatars

Following are the list of popular CSS Avatars.

Profile Avatar Animation

Profile Avatar Animation

Profile Avatar Animation script made with HTML / CSS (SCSS) and written By chandrashekhar.



Avatar with Cut-Off Border

Avatar with Cut-Off Border

Avatar with Cut-Off Border script made with HTML / CSS (SCSS) and written By natszafraniec.



Pure CSS Avatars

Pure CSS Avatars

Pure CSS Avatars script made with HTML / CSS (SCSS) and written By akhil_001.



Pure CSS Responsive Chris Coyier Pixel Avatar

Pure CSS Responsive Chris Coyier Pixel Avatar

Pure CSS Responsive Chris Coyier Pixel Avatar script made with HTML (Pug) / CSS (SCSS) and written By AsyrafHussin.


Avatar Cards

Avatar Cards

Avatar Cards script made with HTML / CSS / JS and written By M0nica.


Avatar

Avatar

Avatar script made with HTML (Pug) / CSS (Less) and written By ycw.


Content-Drop Shadow

Content-Drop Shadow

Content-Drop Shadow script made with HTML / CSS (SCSS) / JS (Babel) and written By Blueblau.


Self Portrait (Interactive)

Self Portrait (Interactive)

Self Portrait (Interactive) script made with HTML / CSS (SCSS) and written By elisabethdiang.


Twitch Avatar Spin

Twitch Avatar Spin

Twitch Avatar Spin script made with HTML / CSS / JS and written By Tampon.


;-D (Tap or Hover)

;-D (Tap or Hover)

;-D (Tap or Hover) script made with HTML / CSS / JS and written By tylersticka.



Avatar

Avatar

Avatar script made with HTML (Pug) / CSS (SCSS) and written By ycw.


Avatar with HTML and CSS

Avatar with HTML and CSS

Avatar with HTML and CSS script made with HTML / CSS (SCSS) and written By bcarvalho.


Avatar Border Effect

Avatar Border Effect

Avatar Border Effect script made with HTML / CSS (SCSS) and written By thebabydino.


Pure CSS Avatar

Pure CSS Avatar

Pure CSS Avatar script made with HTML (Pug) / CSS (SCSS) and written By knyttneve.


Pulsating Avatar

Pulsating Avatar

Pulsating Avatar script made with HTML / CSS and written By blixt.


Avatar Frame

Avatar Frame

Avatar Frame script made with HTML / CSS (SCSS) and written By lgmsantos94.


Pure CSS Self Portrait Avatar

Pure CSS Self Portrait Avatar

Pure CSS Self Portrait Avatar script made with HTML / CSS (SCSS) and written By tarynewens.


Profile Avatar

Profile Avatar

Profile Avatar script made with HTML (Pug) / CSS (SCSS) and written By TheDiaval.


Pulse Avatar

Pulse Avatar

Pulse Avatar script made with HTML / CSS (SCSS) / JS and written By dghez.


I Hope you liked Hand-picked list of CSS Avatars, Don’t forget to Subscribe My Public Notebook for more useful Hand-picked HTML and CSS code examples, tutorials and articles.