Claude 419733e19e refactor(docs): virtualize icon overviews with @tanstack/vue-virtual
Replace @vueuse/core's useVirtualList, which assumed a fixed 64px row
height, with useWindowVirtualizer from @tanstack/vue-virtual in the icons
and categories overviews.

- Rows are measured after render, so stretched grid cells and category
  headings no longer make the content jump while scrolling.
- Scroll against the window with the list's page offset as scroll margin,
  instead of forwarding window scroll events by hand.
- Match the column count to the CSS auto-fill grid.
- Scroll to a category below the sticky search bar.

Shared logic lives in composables/useIconGridVirtualizer.ts.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01G9u8FiKAWTfN2uj8sqzqSi
2026-10-31 14:07:21 +00:00
2026-10-19 10:54:56 +02:00
2026-03-20 16:30:53 +01:00

Lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. Lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

license figma installs build status discord chat

Icons · Guide · Packages · License · Showcase

Lucide

Lucide is an open-source icon library that provides 1600+ vector (svg) files for displaying icons and symbols in digital and non-digital projects. The library aims to make it easier for designers and developers to incorporate icons into their projects by providing several official packages to make it easier to use these icons in your project.

Packages

Logo Package Version Downloads Links
JS logo lucide npm NPM Downloads Docs · Source
React logo lucide-react npm NPM Downloads Docs · Source
Vue logo @lucide/vue npm NPM Downloads Docs · Source
Svelte logo @lucide/svelte npm NPM Downloads Docs · Source
Solid logo lucide-solid npm NPM Downloads Docs · Source
Preact logo lucide-preact npm NPM Downloads Docs · Source
React Native logo lucide-react-native npm NPM Downloads Docs · Source
Angular logo @lucide/angular npm NPM Downloads Docs · Source
Astro logo @lucide/astro npm NPM Downloads Docs · Source
SVG logo lucide-static npm NPM Downloads Docs · Source

Figma

The Lucide Figma plugin.

Visit Figma community page to install the plugin.

Figma Lucide Cover

Contributing

For more info on how to contribute please see the contribution guidelines.

Caught a mistake or want to contribute to the documentation? Edit this page on Github

About brand logos

Lucide does not accept brand logos, and we do not plan to add them in the future. This is due to a combination of legal restrictions, design consistency concerns, and practical maintenance reasons.

Click here to read our official statement about brand logos in Lucide.

Community

Join the community on our Discord server!

License

Lucide is totally free for commercial use and personal use, this software is licensed under the ISC License.

Credits

Thank you to all the people who contributed to Lucide!

Sponsors

Powered by Vercel

DigitalOcean Referral Badge

Hero Backer 🦸

Sourcegraph – Understand, fix, and automate across your codebase with Sourcegraph's code intelligence platform Zephyr Cloud

Awesome backers 🍺

Pax Historia pdfme – Free and Open source PDF generation library!

Backer ☕️

Fina Money – Build the most flexible finance tracker Ruud

Other contributors 💸

You can find all our past and non-recurring financial contributors at our Open Collective page.

Languages
TypeScript 88.7%
JavaScript 9.3%
Svelte 0.8%
Vue 0.6%
HTML 0.4%
Other 0.2%