Icon Stat Tiles

<!--
  The icon is inside its coloured badge as decoration (aria-hidden) - it repeats
  the label, it does not replace it. Meaning always lives in the dt/dd text.
-->
<dl class="grid w-full grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
  <div class="flex items-center gap-4 rounded-xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-gray-900">
    <span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400" aria-hidden="true">
      <svg viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12h4l3 8 4-16 3 8h4" stroke-linecap="round" stroke-linejoin="round"/></svg>
    </span>
    <div class="min-w-0">
      <dt class="truncate text-sm font-medium text-gray-500 dark:text-gray-400">Total visits</dt>
      <dd class="text-xl font-bold tracking-tight text-gray-900 dark:text-gray-100">128,940</dd>
    </div>
  </div>
</dl>