oa/documentation/button/v-button-feather-documentation.md

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.

<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>

Tweet Now Commit Code