mirror of https://github.com/lucide-icons/lucide.git synced 2026-11-10 13:18:25 +00:00

T

Karsaandepifaniofrancisco 00300d31bd fix(site): persist icon customizer (#4944 )

* fix(docs): persist icon customizer settings

Persist icon color, size, stroke width, and absolute stroke width between page navigations and reloads.

Keep a shared icon style state across the homepage and icons page, clamp the homepage preview size to its supported range, and apply persisted absolute stroke settings after mount.

* fix(docs): avoid icon customizer hydration flicker

Initialize persisted icon settings synchronously and apply absolute stroke width before the first rendered state.

* fix(docs): restore icon styles before first paint

Apply stored icon styles from a head script before hydration, defer customizer visibility until mount, and render persisted switches on the client to avoid stale SSR classes. Keep absolute stroke state synchronized globally and cover prepaint initialization with regression tests.

* fix(site): persist icon customizer

* fix(packages/react): update vulnerable @tanstack packages

* fix(docs): persist icon customizer settings

Persist icon color, size, stroke width, and absolute stroke width between page navigations and reloads.

Keep a shared icon style state across the homepage and icons page, clamp the homepage preview size to its supported range, and apply persisted absolute stroke settings after mount.

* fix(docs): avoid icon customizer hydration flicker

Initialize persisted icon settings synchronously and apply absolute stroke width before the first rendered state.

* fix(docs): restore icon styles before first paint

Apply stored icon styles from a head script before hydration, defer customizer visibility until mount, and render persisted switches on the client to avoid stale SSR classes. Keep absolute stroke state synchronized globally and cover prepaint initialization with regression tests.

* fix(site): persist icon customizer

* fix(packages/react): update vulnerable @tanstack packages

* fix(site): generalize usePersistedIconStyle to reduce code duplication in icon customizers

* fix(site): home size slider now uses max="256", matching the sidebar

* fix(site): fix linting issues in iconStyleHead.js

* fix(site): make Switch.vue hydration safe

* fix(site): fix home icon customizer color input width

* fix(site): make home icon customizer not persistent

* fix(site): fix duplicate ids in sidebar icon customizer as well

* fix(site): various minor fixes to the customizer bl

* fix(site): revert "[default]" placeholder

---------

Co-authored-by: epifaniofrancisco <epifaniofrancisco03@gmail.com>

2026-10-02 13:46:27 +02:00

.cspell

feat(lab): added monstera-leaf icon (#4115 )

2026-09-10 10:47:42 +02:00

.github

test(integrations): add Vue integration fixtures for Vite, Nuxt and Vike (#4882 )

2026-10-02 13:01:30 +02:00

.husky

chore(dependencies): Update dependencies (#4806 )

2026-09-04 17:34:58 +02:00

.vscode

chore(dev): upgrade ESLint to latest compatible stack (v10) (#4378 )

2026-08-18 13:09:22 +02:00

README.md

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
	`lucide`			Docs · Source
	`lucide-react`			Docs · Source
	`@lucide/vue`			Docs · Source
	`@lucide/svelte`			Docs · Source
	`lucide-solid`			Docs · Source
	`lucide-preact`			Docs · Source
	`lucide-react-native`			Docs · Source
	`@lucide/angular`			Docs · Source
	`@lucide/astro`			Docs · Source
	`lucide-static`			Docs · Source

Figma

The Lucide Figma plugin.

Visit Figma community page to install the plugin.

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.