* feat(icons): add gap-horizontal and gap-vertical Adds two icons for the gap between items in a layout: facing brackets with the gap itself marked between them. The brackets are the container edges and the dot marks the space, which is what distinguishes these from the align-* family — those show the items and a guideline, these show only the space. Rails span 2-22, matching align-horizontal-space-between's M3 2v20. The dot uses the "M12 12h.01" zero-length path, the same idiom dice-*, badge-percent and ~130 other icons use for a 2px dot. * feat(icons): add gap-horizontal and gap-vertical Adds two icons for the gap between items in a layout: two facing brackets with a dashed line marking the space between them. Redesigned from the earlier dot version per review on #4544. This uses the square-centerline-dashed-horizontal / -vertical construction with the bracket ends flipped inward, so the brackets read as the two item edges and the dashed line as the gap. Avoids the small-circle dot that the earlier version relied on. Co-Authored-By: Karsa <17746067+karsa-mistmere@users.noreply.github.com> * Apply suggestions from code review Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --------- Co-authored-by: Karsa <17746067+karsa-mistmere@users.noreply.github.com> Co-authored-by: Karsa <contact@karsa.org> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
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.
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
Hero backers 🦸
Awesome backers 🍺
Backers ☕
Other contributors 💸
You can find all our past and non-recurring financial contributors at our Open Collective page.
