Avatar

Size

<div avatar="~ sm">
  <img src="https://github.com/litingyes.png" alt="CoolUI" />
</div>
<div avatar="~ md">
  <img src="https://github.com/litingyes.png" alt="CoolUI" />
</div>
<div avatar="~ lg">
  <img src="https://github.com/litingyes.png" alt="CoolUI" />
</div>

Rounded

<div avatar="~ sm" rounded-full>
  <img src="https://github.com/litingyes.png" alt="CoolUI" />
</div>
<div avatar="~ md" rounded-full>
  <img src="https://github.com/litingyes.png" alt="CoolUI" />
</div>
<div avatar="~ lg" rounded-full>
  <img src="https://github.com/litingyes.png" alt="CoolUI" />
</div>

Compose

<div avatar class="i-fluent:triangle-28-filled?mask size-10">
  <img src="https://github.com/litingyes.png" alt="CoolUI" />
</div>
<div avatar class="i-uim:polygon?mask size-10">
  <img src="https://github.com/litingyes.png" alt="CoolUI" />
</div>
<div avatar class="i-mingcute:grid-fill?mask size-10">
  <img src="https://github.com/litingyes.png" alt="CoolUI" />
</div>