mirror of
https://github.com/lucide-icons/lucide.git
synced 2026-11-11 13:28:19 +00:00
94e4cb9d9d
* chore(deps): upgrade dependencies across workspace and unify shared versions Co-authored-by: ericfennis <11825403+ericfennis@users.noreply.github.com> * chore(deps): finish workspace dependency upgrade and align versions * fix: keep vitest on 4.1.10, drop deprecated baseUrl, reformat with prettier * fix(lucide-react): drop inert outDir so TS 6 rootDir check passes --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: ericfennis <11825403+ericfennis@users.noreply.github.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.