@bedard/vue-lucide

Tree-shakeable Vue components for Lucide icons

View live sandbox →

Installation

Install via NPM

npm install @bedard/lucide-vue

Basic use

All components are suffixed with Icon. For cdn use, access icons via window.VueLucide.

<template>
  <ShareIcon size="24" />
</template>

<script setup>
import { ShareIcon } from '@bedard/lucide-vue'
</script>

To set the height and width together, use the size attribute. If no stroke is defined, icons will use the current text color.

Updating

When this library falls out of sync with Lucide, run the following commands.

npm install

npm run build

License

MIT

Copyright (c) 2023-present, Scott Bedard