Eva Icons

Eva Icons is a pack of more than 480 beautifully crafted Open Source icons, following the Eva Design System. They are fully customizable, scalable, and can be easily integrated into any web or mobile project to enhance the UI.

Step 1: Install Eva Icons

You can install Eva Icons via yarn or include it directly via CDN.

yarn add eva-icons

Alternatively, add the following <script> tag inside the <head> of your HTML to include Eva Icons via CDN:

<!-- Using CDN -->
<script src="https://cdn.jsdelivr.net/npm/eva-icons@1.1.3/eva.min.js"></script>

Step 2: Initialize Eva Icons

After including the script, you need to initialize Eva Icons in your JS file:

// Initialize Eva Icons
import 'eva-icons';

eva.replace();

Step 3: Using Eva Icons

Use the <i> tag with the name attribute:

<i data-eva="person-outline"></i>
<i data-eva="bell-outline"></i>
<i data-eva="shopping-cart-outline"></i>

For a complete list of icons and names, visit the Eva Icons website.