All tags/Avatar

Sizes and shapes

Circles and rounded squares from 24 to 72 pixels; an e-mail address counts by the words before its @.

1 The template avatar/shapes.pad pad

<div style="display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap">
  {avatar 'Ada Lovelace', size=24}
  {avatar 'Ada Lovelace', size=40}
  {avatar 'Ada Lovelace', size=72}
  {avatar 'Grace Hopper', size=72, shape='square'}
  {avatar 'linus.torvalds@example.org', size=72, shape='square'}
  {avatar 'Prince', size=72, label='The artist'}
</div>

2 The result rendered on the server