Lucide icons

Easily add SVG icons to your project with only one line of code.

Short tutorial on how to sue the Lucide Library

Lucide.dev License disclaimer

ISC License

Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2022.

How to add Lucide Icons to your project

The first step we want to do is to visit the Lucide Library to find our ideal icon, in this case, I am looking for an arrow that goes right:

You can use the search bar to quickly find the icons

Once I find the icon I need I will copy its name to my clipboard 📋 with ctrl + c

In our view we will add the following line:

<%= lucide_icon("move-right") %>

Remember that icons behave like text, so if you want to change the size or color of the icon, simply add it as an argument:

<%= lucide_icon("move-right", "class" => "h-4 w-4") %>

Now my icon will be smaller than its default size.

Now you can forget about generic FontAwesome Icons with complicated setup and generic look and feel.

Happy Iconing! 🚀