Summer Sale – Use code oxbow20 at checkout for a 20% discount.

button icon

1
<button
  class="flex items-center justify-center text-center font-medium duration-500 ease-in-out transition-colors focus:outline-2 focus:z-10 select-none text-white bg-zinc-900 outline outline-zinc-900 hover:bg-zinc-950 focus:outline-zinc-950 shadow-sm w-10 h-10 p-2 rounded-tl-md rounded-tr-md rounded-bl-md rounded-br-md"
  aria-label="Add"
>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    fill="none"
    stroke="currentColor"
    stroke-width="2"
    stroke-linecap="round"
    stroke-linejoin="round"
    class="icon icon-tabler-plus size-5"
    slot="left-icon"
  >
    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
    <path d="M12 5l0 14"></path>
    <path d="M5 12l14 0"></path>
  </svg>
</button>

Default icon button

Accent icon button

Muted icon button

Alternative icon button

Outline icon button

Ghost icon button

Link icon button

Muted loading icon button