<.dm_mdi id="icons-single-default" name="home" class="w-8 h-8" />

<.dm_mdi id="icons-single-sized-small" name="account" class="w-4 h-4" />

<.dm_mdi id="icons-single-sized-large" name="star" class="w-16 h-16" />

<.dm_mdi id="icons-single-colored" name="heart" class="w-8 h-8" color="red" />

<div class="flex flex-row gap-4 items-center flex-wrap">
  <.dm_mdi name="home" class="w-8 h-8" />
  <.dm_mdi name="account" class="w-8 h-8" />
  <.dm_mdi name="cog" class="w-8 h-8" />
  <.dm_mdi name="magnify" class="w-8 h-8" />
  <.dm_mdi name="bell" class="w-8 h-8" />
  <.dm_mdi name="heart" class="w-8 h-8" />
  <.dm_mdi name="star" class="w-8 h-8" />
  <.dm_mdi name="check" class="w-8 h-8" />
  <.dm_mdi name="close" class="w-8 h-8" />
  <.dm_mdi name="plus" class="w-8 h-8" />
  <.dm_mdi name="minus" class="w-8 h-8" />
  <.dm_mdi name="pencil" class="w-8 h-8" />
  <.dm_mdi name="delete" class="w-8 h-8" />
  <.dm_mdi name="download" class="w-8 h-8" />
  <.dm_mdi name="upload" class="w-8 h-8" />
</div>

<div class="flex flex-row gap-4 items-center flex-wrap">
  <.dm_bsi name="house" class="w-8 h-8" />
  <.dm_bsi name="person" class="w-8 h-8" />
  <.dm_bsi name="gear" class="w-8 h-8" />
  <.dm_bsi name="search" class="w-8 h-8" />
  <.dm_bsi name="bell" class="w-8 h-8" />
  <.dm_bsi name="heart" class="w-8 h-8" />
  <.dm_bsi name="star" class="w-8 h-8" />
  <.dm_bsi name="check-lg" class="w-8 h-8" />
  <.dm_bsi name="x-lg" class="w-8 h-8" />
  <.dm_bsi name="plus-lg" class="w-8 h-8" />
  <.dm_bsi name="dash-lg" class="w-8 h-8" />
  <.dm_bsi name="pencil" class="w-8 h-8" />
  <.dm_bsi name="trash" class="w-8 h-8" />
  <.dm_bsi name="download" class="w-8 h-8" />
  <.dm_bsi name="upload" class="w-8 h-8" />
</div>