Lucide Icons
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.
Installation
Package Managers
Install the lucide icon library using command prompt from the root directory of the project.
yarn add lucide
CDN
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>
Usage
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 type="module">
import lucide from "lucide/dist/umd/lucide.js";
lucide.createIcons();
</script>
</body>
For more icons, see the documentation.