# Lucide icons {% embed url="" %} Short tutorial on how to sue the Lucide Library {% endembed %} {% hint style="info" %} **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. {% endhint %} ### How to add Lucide Icons to your project The first step we want to do is to [visit the Lucide Library ](https://lucide.dev/icons/)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: ```erb <%= 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! 🚀 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.lightningrails.com/features-setup/lucide-icons.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.