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

# Lucide icons

{% embed url="https://youtu.be/_yDUD1brEGU" %}
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:

<figure><img src="https://2221554152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPCf6vtFuZEPHXJd7JfIe%2Fuploads%2FAmrbOxpt7twxo7A5zuYv%2FScreenshot%202024-10-14%20at%2015.35.15.png?alt=media&#x26;token=ef53722f-eab0-42bd-80e8-0186cf4aef1d" alt=""><figcaption><p>You can use the search bar to quickly find the icons</p></figcaption></figure>

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.&#x20;

Now you can forget about generic FontAwesome Icons with complicated setup and generic look and feel.&#x20;

Happy Iconing! 🚀
