Lucide Icon is an open-source icon library featuring a neutral-style system. It offers a wide range of icons, making it perfect for both designers and developers. All icons are free to use for both personal and commercial projects.
If you'd like to use Lucide Icon with a CDN, you can skip this installation step.
npm i lucide --save
Copy the following code and add it to the <head> tag of your HTML document.
<script src="https://unpkg.com/lucide@latest"></script>
Add icon with class name, class name rule: data-lucide-{name}
<i data-lucide="home"></i> <i data-lucide="layers"></i>
For more details, see the official documentation.
