The ABC theme utilizes Remixicon and custom FlatIcon icons to enhance the visual experience. You can manually use these icons by referencing the resources below.

---

1. Using Remixicon Icons

You can explore and use Remixicon icons from their official website:
Remixicon Website

Example Usage in HTML:

<i class="ri-home-line"></i> Home
<i class="ri-phone-fill"></i> Call Us
<i class="ri-heart-fill"></i> Favorite

---

2. Using Custom FlatIcon Icons

Below is a list of custom FlatIcon icons used in the Mavis theme, along with examples of how to use them in HTML.

Navigation & UI Icons

<i class="flaticon-down-arrow"></i> Down Arrow  
<i class="flaticon-right-arrow"></i> Right Arrow  
<i class="flaticon-chevron"></i> Chevron  
<i class="flaticon-right-quote"></i> Right Quote  
<i class="flaticon-correct"></i> Correct  
<i class="flaticon-right"></i> Right  
<i class="flaticon-plus"></i> Plus  

---

Medical & Healthcare Icons

<i class="flaticon-doctor"></i> Doctor  
<i class="flaticon-stethoscope"></i> Stethoscope  
<i class="flaticon-heart"></i> Heart  
<i class="flaticon-mri"></i> MRI  
<i class="flaticon-doctor-1"></i> Doctor 1  
<i class="flaticon-emergency-call"></i> Emergency Call  
<i class="flaticon-heart-1"></i> Heart 1  
<i class="flaticon-mental-health"></i> Mental Health  
<i class="flaticon-old-woman"></i> Old Woman  
<i class="flaticon-medical-team"></i> Medical Team  
<i class="flaticon-appointment"></i> Appointment  
<i class="flaticon-medical-book"></i> Medical Book  
<i class="flaticon-chronic-fatigue"></i> Chronic Fatigue  
<i class="flaticon-tooth"></i> Tooth  

---

Communication & Social Icons

<i class="flaticon-call"></i> Call  
<i class="flaticon-telephone"></i> Telephone  
<i class="flaticon-envelope"></i> Envelope  
<i class="flaticon-facebook-app-symbol"></i> Facebook  
<i class="flaticon-twitter"></i> Twitter  
<i class="flaticon-instagram"></i> Instagram  
<i class="flaticon-social"></i> Social  

---

Business & Productivity Icons

<i class="flaticon-calendar"></i> Calendar  
<i class="flaticon-calendar-1"></i> Calendar 1  
<i class="flaticon-calendar-2"></i> Calendar 2  
<i class="flaticon-time"></i> Time  
<i class="flaticon-insurance"></i> Insurance  
<i class="flaticon-award-symbol"></i> Award Symbol  
<i class="flaticon-rehabilitation"></i> Rehabilitation  
<i class="flaticon-precision"></i> Precision  
<i class="flaticon-play-button"></i> Play Button  
<i class="flaticon-happiness"></i> Happiness  
<i class="flaticon-star"></i> Star  

---

How to Use Icons in Your Website?

1. Ensure your theme includes Remixicon and FlatIcon stylesheets (usually loaded by the theme automatically).
2. Use the <i> tag with the corresponding class name to display an icon.
3. Style icons using CSS if needed for size, color, or positioning.

Example with Custom Styling:

<i class="flaticon-doctor" style="font-size: 24px; color: #007bff;"></i> Doctor Icon

This will display a doctor icon with a font size of 24px and a blue color.

---

Final Notes

• Remixicon icons can be directly referenced using their class names.
• FlatIcon icons are preloaded in the theme and can be used by adding the corresponding class.
• You can customize the icons using CSS for size, spacing, and color adjustments.