mirror of
https://github.com/lucide-icons/lucide.git
synced 2026-08-29 10:18:24 +02:00
75b55160aa
* chore: upgrade eslint to v9 latest with compatible lint deps Agent-Logs-Url: https://github.com/lucide-icons/lucide/sessions/f7c1f1b5-d213-4afa-91a8-b799a16397ec * Fix eslint config * Fix a lot of eslint errors * Fix eslint * Fix eslint errors * Fix eslint errors * Fix types * Fix eslint warning * Format code * Add eslint 10 * Remove unused vars * Update pnpm * Update deps --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
Lucide Lab
Installation
npm install @lucide/lab
yarn add @lucide/lab
pnpm install @lucide/lab
Note
Requires Lucide core package to be installed in your project. For more info visit lucide installation guide.
Usage
React
import { burger } from '@lucide/lab';
import { Icon } from 'lucide-react';
function App() {
return (
<div>
<Icon iconNode={burger} />
</div>
);
}
Vue
<script setup>
import { burger } from '@lucide/lab';
import { Icon } from '@lucide/vue';
</script>
<template>
<div>
<Icon :iconNode="burger" />
</div>
</template>
Angular
// app.module.ts
import { LucideAngularModule } from 'lucide-angular';
import { atSignCircle } from '@lucide/lab';
@NgModule({
imports: [
LucideAngularModule.pick({ AtSignCircle: atSignCircle })
],
})
// app.component.html
<lucide-icon name = "AtSignCircle" > </lucide-icon>
Svelte
<script>
import { Icon } from '@lucide/svelte';
import { burger, sausage } from '@lucide/lab';
</script>
<Icon iconNode={burger} />
<Icon iconNode={sausage} color="red"/>
Solid
import { burger } from '@lucide/lab';
import { Icon } from 'lucide-solid';
function App() {
return (
<div>
<Icon iconNode={burger} />
</div>
);
}
Preact
import { burger } from '@lucide/lab';
import { Icon } from 'lucide-preact';
function App() {
return (
<div>
<Icon iconNode={burger} />
</div>
);
}
React Native
import { burger } from '@lucide/lab';
import { Icon } from 'lucide-react-native';
function App() {
return (
<div>
<Icon iconNode={burger} />
</div>
);
}
Community
Join the community on our Discord server!
License
Lucide is totally free for commercial and personal use; this software is licensed under the ISC License.