Home/Explore/

Avatar

CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed
<div style="
    /* Rounded border */
    border-radius: 50%;
    height: 64px;
    width: 64px;
">
    <!-- Avatar image -->
    <img
        src="..."
        style="
            /* Rounded border */
            border-radius: 50%;

            /* Take full size */
            height: 100%;
            width: 100%;
        "
    />
</div>

Related patterns

1
2
3

Avatar list

PN

Initial avatar

Presence indicator

Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!