Avatars

Use our custom avatar styles on your profile images or initials.

Letters

Use any size between .w-1 / .h-1 and .w-25 / .h-25 to change the avatar size.

TCAHCH

View example's code

<span className="avatar bg-primary text-white w-15 h-15 me-4">
  <span className="fs-30">TC</span>
</span>

<span className="avatar bg-pale-primary text-primary w-12 h-12 me-4">
  <span className="fs-18">AH</span>
</span>

<span className="avatar bg-soft-primary text-primary w-10 h-10 me-4">
  <span className="fs-15">CH</span>
</span>

Image

Use any size between .w-1 and .w-25 to change the image size. Image height will change automatically. Make sure to use images with 1:1 ratio to avoid stretching.

View example's code

<img class="avatar w-15" src="..." alt="" />
<img class="avatar w-12" src="..." alt="" />
<img class="avatar w-10" src="..." alt="" />

Comenzar with Innova Hub.

Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.

Contáctanos

Innova Hub

Contáctanos

Más información

Síguenos

Your Cart

Nike Air Sneakers

Colorful Sneakers

Polaroid Camera

Avatars

Letters

Image

Comenzar with Innova Hub.

PÁGINAS DE PROYECTOS

PROYECTOS INDIVIDUALES

Uso

Guía de Estilo

Elementos

Avatars

Letters

Image

Comenzar with Innova Hub.