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 to make it easier to use these icons in your project.
Implementation of the lucide icon library for web applications.
npm install lucide
Implementation of the lucide icon library for web applications.
<!-- Development version --> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script> <!-- Production version --> <script src="https://unpkg.com/lucide@latest"></script>
Here is a complete example with unpkg
<body> <i data-lucide="volume-2" class="my-class"></i> <i data-lucide="x"></i> <i data-lucide="menu"></i> <script src="assets/libs/lucide/umd/lucide.min.js"></script> <script> lucide.createIcons(); </script> </body>
For more details, see the documentation.
