Display any Tabler or Lucide icon. Renders at 24px by 24px at 2px stroke-width by default. Modify the appearance with utility classes as demonstrated in the code examples below. It should be best practise to limit modification to size. This component is used internally for all components featuring icons.
'name' => 'lucide-smile',
<x-svgIcon /> <x-svgIcon name="tabler-bat" /> <x-svgIcon name="lucide-snail" />
Icons inherit the surrounding text color by default.
<x-svgIcon name="lucide-user-check" class="size-[64px] text-positive-600 stroke-3" /> <p class="w-[200px] text-400 text-text-subtle"> <x-svgIcon name="tabler-bulb" class="inline mr-2 align-top" />Icons inherit their surrounding text color by default. </p>