https://github.com/lucide-icons/lucide

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
https://github.com/lucide-icons/lucide

feather-icons figma icons react svg svg-icons svgs ui-components ui-design vue

Last synced: 7 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/lucide-icons/lucide
• Owner: lucide-icons
• License: isc
• Created: 2020-06-08T15:36:21.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2025-04-04T15:12:17.000Z (11 days ago)
• Last Synced: 2025-04-07T04:15:42.706Z (8 days ago)
• Topics: feather-icons, figma, icons, react, svg, svg-icons, svgs, ui-components, ui-design, vue
• Language: TypeScript
• Homepage: https://lucide.dev
• Size: 13.2 MB
• Stars: 16,494
• Watchers: 46
• Forks: 729
• Open Issues: 341
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome - lucide-icons/lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. (JavaScript)
• awesome - lucide-icons/lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. (TypeScript)
• awesome-iconjar - Lucide - 05-03 | 2024-05-14 | ISC | (IconSet Included)
• jimsghstars - lucide-icons/lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. (JavaScript)
• awesome-react-components - Lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. (UI Components / Icons)
• fucking-awesome-react-components - Lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. (UI Components / Icons)
• awesome-angular - lucide - An open-source icon library that provides 1000+ 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 Angular projects by providing an official [package](https://lucide.dev/guide/packages/lucide-angular). (Table of contents / Third Party Components)
• awesome-svelte - lucide-svelte - Implementation of the lucide icon library for svelte applications. (UI Components / Icons)
• fucking-awesome-angular - lucide - An open-source icon library that provides 1000+ 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 Angular projects by providing an official 🌎 [package](lucide.dev/guide/packages/lucide-angular). (Table of contents / Third Party Components)
• trackawesomelist - lucide-svelte (⭐11k) - Implementation of the lucide icon library for svelte applications. (Recently Updated / [Oct 27, 2024](/content/2024/10/27/README.md))
• awesome-react-components - Lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. (UI Components / Icons)
• awesome-react-components - Lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. (UI Components / Icons)
• react-components - Lucide
• awesome - lucide-icons/lucide - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. (TypeScript)

README

        


  

    

  

  

    

  





  

  

  

  





  Icons

  ·

  Guide

  ·

  Packages

  ·

  License

  ·

  Showcase



# Lucide

Lucide is an open-source icon library that provides 1000+ 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](https://lucide.dev/packages) to make it easier to use these icons in your project.

## Packages

| Logo | Package | Version | Downloads | Links |

| ---- | ------- | ------- | --------- | ----- |

|  | **`lucide`** | [![npm](https://img.shields.io/npm/v/lucide)](https://www.npmjs.com/package/lucide) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide) | [Docs](https://lucide.dev/guide/packages/lucide) · [Source](./packages/lucide) |

|  | **`lucide-react`** | [![npm](https://img.shields.io/npm/v/lucide-react)](https://www.npmjs.com/package/lucide-react) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-react) | [Docs](https://lucide.dev/guide/packages/lucide-react) · [Source](./packages/lucide-react) |

|  | **`lucide-vue-next`** | [![npm](https://img.shields.io/npm/v/lucide-vue-next)](https://www.npmjs.com/package/lucide-vue-next) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-vue-next) | [Docs](https://lucide.dev/guide/packages/lucide-vue-next) · [Source](./packages/lucide-vue-next) |

|  | **`lucide-svelte`** | [![npm](https://img.shields.io/npm/v/lucide-svelte)](https://www.npmjs.com/package/lucide-svelte) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-svelte) | [Docs](https://lucide.dev/guide/packages/lucide-svelte) · [Source](./packages/lucide-svelte) |

|  | **`lucide-solid`** | [![npm](https://img.shields.io/npm/v/lucide-solid)](https://www.npmjs.com/package/lucide-solid) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-solid) | [Docs](https://lucide.dev/guide/packages/lucide-solid) · [Source](./packages/lucide-solid) |

|  | **`lucide-preact`** | [![npm](https://img.shields.io/npm/v/lucide-preact)](https://www.npmjs.com/package/lucide-preact) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-preact) | [Docs](https://lucide.dev/guide/packages/lucide-preact) · [Source](./packages/lucide-preact) |

|  | **`lucide-react-native`** | [![npm](https://img.shields.io/npm/v/lucide-react-native)](https://www.npmjs.com/package/lucide-react-native) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-react-native) | [Docs](https://lucide.dev/guide/packages/lucide-react-native) · [Source](./packages/lucide-react-native) |

|  | **`lucide-angular`** | [![npm](https://img.shields.io/npm/v/lucide-angular)](https://www.npmjs.com/package/lucide-angular) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-angular) | [Docs](https://lucide.dev/guide/packages/lucide-angular) · [Source](./packages/lucide-angular) |

|  | **`@lucide/astro`** | [![npm](https://img.shields.io/npm/v/@lucide/astro)](https://www.npmjs.com/package/@lucide/astro) | ![NPM Downloads](https://img.shields.io/npm/dw/@lucide/astro) | [Docs](https://lucide.dev/guide/packages/lucide-astro) · [Source](./packages/astro) |

|  | **`lucide-static`** | [![npm](https://img.shields.io/npm/v/lucide-static)](https://www.npmjs.com/package/lucide-static) | ![NPM Downloads](https://img.shields.io/npm/dw/lucide-static) | [Docs](https://lucide.dev/guide/packages/lucide-static) · [Source](./packages/lucide-static) |

### Figma

The lucide figma plugin.

Visit [Figma community page](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons) to install the plugin.



## Contributing

For more info on how to contribute please see the [contribution guidelines](https://github.com/lucide-icons/lucide/blob/main/CONTRIBUTING.md).

Caught a mistake or want to contribute to the documentation? [Edit this page on Github](https://github.com/lucide-icons/lucide/blob/main/README.md)

## Community

Join the community on our [Discord](https://discord.gg/EH6nSts) server!

## License

Lucide is totally free for commercial use and personal use, this software is licensed under the [ISC License](https://github.com/lucide-icons/lucide/blob/main/LICENSE).

## Credits

Thank you to all the people who contributed to Lucide!







## Sponsors



  





### Awesome backers 🍺