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

T

5d0f64034b feat(icons): add layout-arrow-right and layout-arrow-down (#4541 )

* feat(icons): add layout-horizontal and layout-vertical

Adds two icons for layout direction: two blocks above a left-to-right
rail, and two blocks beside a top-to-bottom rail. These match the frame
layout direction modes found in design tools and CSS flex-direction
(row / column).

This fills a gap identified when the flexbox icon request (#399) was
closed: "Only missing icons are: flex-direction and flex-wrap icons,
plus baseline." The align-* and stretch-* family covers alignment,
justification and distribution, but nothing currently depicts direction
itself.

Design notes:
- Reuses the 7x7 rx=1 block already shared by layout-grid, layout-list
  and layout-panel-*, rather than introducing a new base shape.
- The two icons are exact mirrors, with rails on the integer grid
  (y=18 / x=18) so the 2px stroke stays sharp at low DPI.
- The 3x3 chevron is the one used by decimals-arrow-right, which shares
  the same composition: elements above, directional rail below.

* Rename icons

* Apply batched suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update usecases

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

2026-09-10 10:28:57 +02:00

.cspell

feat(lab): Migrate lab to main repo. (#4521 )

2026-07-24 15:05:40 +02:00

.github

chore(lucide-react): Add Lucide React integration tests (#4804 )

2026-09-04 16:26:02 +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.