### Lucide Icons

`<VButton />` components work well with Font Awesome Icons.
Add an icon name inside the `icon` prop to set a Font Awesome icon.
You can also create square and circle buttons with a single icon
using the `<VIconButton />` component.
Please refer to markup for detailed examples.

<!--code-->

```vue
<template>
  <VButtons>
    <VButton
      color="info"
      icon="lucide:twitter"
      elevated
    >
      Tweet Now
    </VButton>
    <VButton
      color="danger"
      icon="lucide:gitlab"
      raised
      rounded
    >
      Commit Code
    </VButton>
  </VButtons>
</template>
```

<!--/code-->

<!--example-->

<VButtons>
  <VButton color="info" icon="lucide:twitter" elevated>
      Tweet Now
  </VButton>
  <VButton color="danger" icon="lucide:gitlab" raised rounded>
      Commit Code
  </VButton>
</VButtons>

<!--/example-->