Chapter 58: Icons Pharmacy
Pharmacy Icons
Let me explain very clearly and honestly right from the start (teacher mode on):
Font Awesome 5 does NOT have an official “Pharmacy Icons” category.
There is also no separate “Pharmacy Icons” page on W3Schools for Font Awesome 5.
What usually happens is:
- People search for “Font Awesome 5 pharmacy icons” because they want icons for pharmacies, medicine stores, drugstores, prescriptions, pills, mortar & pestle, pharmacy cross, medicine bottles, etc. (especially for pharmacy websites, medicine delivery apps, health e-commerce, or clinic dispensary sections).
- Google shows results from Font Awesome 6 or 7 (which do have a proper “Pharmacy” / “Health” subcategory added around 2022–2023).
- Or they find old blog posts / CodePen demos that mix FA5 + FA6 icons.
- Or they land on the Font Awesome 6 Pharmacy page and think it’s FA5.
So today I’m going to give you the real, accurate answer for Font Awesome 5 (the version W3Schools still teaches in their FA5 sections in 2026).
1. Pharmacy Icons actually available in Font Awesome 5 Free
Font Awesome 5 has no dedicated “Pharmacy” category.
You can only use general-purpose medical & health icons that people repurpose for pharmacy, medicine shop, drugstore, prescription, and pharmaceutical themes. Here are the ones most commonly used for pharmacy-related designs in FA5 free:
| Icon name | Code example | Looks like | Typical pharmacy / medicine use |
|---|---|---|---|
| fa-pills | <i class=”fas fa-pills”></i> | 💊 Pills / tablets | The #1 pharmacy icon in FA5 – medicines, tablets |
| fa-prescription-bottle | <i class=”fas fa-prescription-bottle”></i> | 🧴 Medicine bottle | Prescription bottle / syrup bottle |
| fa-prescription-bottle-alt | <i class=”fas fa-prescription-bottle-alt”></i> | 🧴 Bottle with label | Alternative bottle style – very pharmacy-like |
| fa-syringe | <i class=”fas fa-syringe”></i> | 💉 Injection / vaccine | Injections, vaccines, syringes (pharmacy items) |
| fa-band-aid | <i class=”fas fa-band-aid”></i> | 🩹 Bandage / plaster | First-aid / wound care products |
| fa-first-aid | <i class=”fas fa-first-aid”></i> | 🩹 First-aid kit | First-aid kit / pharmacy counter |
| fa-thermometer | <i class=”fas fa-thermometer”></i> | 🌡️ Thermometer | Fever / temperature measurement |
| fa-stethoscope | <i class=”fas fa-stethoscope”></i> | 🩺 Stethoscope | Pharmacy consultation / health check |
| fa-heartbeat | <i class=”fas fa-heartbeat”></i> | ❤️🔥 Pulse / ECG | Vital signs / health monitoring |
| fa-user-md | <i class=”fas fa-user-md”></i> | 👨⚕️ Doctor / pharmacist | Pharmacist / medical professional |
| fa-medkit | <i class=”fas fa-medkit”></i> | 🩹 Medical kit | Medicine box / emergency kit |
| fa-capsules | <i class=”fas fa-capsules”></i> | 💊 Capsules | Capsule medicines |
Bottom line for FA5 free in 2026 The strongest and most direct pharmacy icons in Font Awesome 5 are:
- fa-pills (the absolute king for any pharmacy site)
- fa-prescription-bottle and fa-prescription-bottle-alt (medicine bottles)
- fa-syringe, fa-band-aid, fa-medkit (other pharmacy items)
There is no:
- Pharmacy cross (green cross / red cross)
- Mortar & pestle (pharmacist symbol)
- Pill bottle with label
- Medicine syrup bottle
- Drugstore signboard
- Pharmacist hat / coat
- Barcode scanner for pharmacy
All of those were added in Font Awesome 6 or are Pro-only in FA5.
2. What people usually mean when they ask for “FA5 Pharmacy Icons”
They are almost always thinking about Font Awesome 6 or 7 (released starting 2022), which added a proper Pharmacy / Medical subcategory in the free version.
Here are the most popular pharmacy-specific icons that exist in FA6/7 free (not in FA5):
- fa-prescription (prescription paper)
- fa-prescription-bottle-medical
- fa-syringe (more variants)
- fa-pills (same but more styles)
- fa-cross (medical cross)
- fa-mortar-pestle (classic pharmacist symbol)
- fa-vial (lab vial / medicine vial)
- fa-flask (chemistry flask / medicine flask)
- fa-dna (genetics / pharmacy research)
- fa-microscope (pharmacy lab)
So when you see beautiful pharmacy icon sets online in 2025–2026 (with mortar & pestle, prescription bottles with labels, pharmacy cross, etc.), they are 99% of the time using Font Awesome 6 or 7, not FA5.
3. Real code examples – what you can do with FA5
Example 1: Pharmacy / Medicine Store Homepage Hero (using only FA5 free icons)
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<div style="text-align: center; padding: 80px 20px; background: linear-gradient(to right, #1976d2, #42a5f5); color: white; border-radius: 0 0 20px 20px;"> <i class="fas fa-pills fa-8x" style="margin-bottom: 30px;"></i> <h1 style="font-size: 3.8rem;">Webliance Pharmacy</h1> <p style="font-size: 1.7rem; margin: 25px 0;"> <i class="fas fa-prescription-bottle" style="margin: 0 15px;"></i> Genuine Medicines • <i class="fas fa-truck" style="margin: 0 15px;"></i> Door Delivery • <i class="fas fa-syringe" style="margin: 0 15px;"></i> Vaccinations </p> <button style="background: #ffffff; color: #1976d2; padding: 18px 40px; border: none; border-radius: 50px; font-size: 1.4rem; font-weight: bold; cursor: pointer;"> Order Medicines Now </button> </div> |
Example 2: Pharmacy Product / Medicine List
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<ul style="list-style: none; padding: 0; font-size: 1.3rem; max-width: 600px; margin: 50px auto;"> <li style="margin: 18px 0; display: flex; align-items: center; gap: 15px;"> <i class="fas fa-pills" style="color: #673ab7; font-size: 2.2rem;"></i> Tablets & Capsules (500+ brands) </li> <li style="margin: 18px 0; display: flex; align-items: center; gap: 15px;"> <i class="fas fa-prescription-bottle-alt" style="color: #2196f3; font-size: 2.2rem;"></i> Syrups & Suspensions </li> <li style="margin: 18px 0; display: flex; align-items: center; gap: 15px;"> <i class="fas fa-band-aid" style="color: #ff9800; font-size: 2.2rem;"></i> First-Aid & Bandages </li> <li style="margin: 18px 0; display: flex; align-items: center; gap: 15px;"> <i class="fas fa-syringe" style="color: #f44336; font-size: 2.2rem;"></i> Vaccines & Injections </li> </ul> |
Example 3: “Order Prescription” Button
|
0 1 2 3 4 5 6 7 8 9 |
<button style="background: #4caf50; color: white; padding: 18px 40px; border: none; border-radius: 50px; font-size: 1.4rem; cursor: pointer;"> <i class="fas fa-prescription-bottle" style="margin-right: 12px; font-size: 1.8rem;"></i> Upload Prescription & Order </button> |
Example 4: Pharmacy Delivery Badge
|
0 1 2 3 4 5 6 7 8 9 |
<div style="display: inline-flex; align-items: center; gap: 12px; padding: 12px 24px; background: #2196f3; color: white; border-radius: 50px; font-size: 1.3rem;"> <i class="fas fa-truck" style="font-size: 1.8rem;"></i> <span>Door Delivery in 2 Hours</span> </div> |
4. Teacher Summary – Quick Truth Table (February 2026)
| Question | Answer in Font Awesome 5 Free | Answer in Font Awesome 6/7 Free |
|---|---|---|
| Is there an official “Pharmacy” category? | No | Yes |
| Is there a pills / tablets icon? | Yes 💊 | Yes |
| Is there a prescription bottle icon? | Yes (fa-prescription-bottle) | Yes (more variants) |
| Is there a mortar & pestle icon? | No | Yes |
| Is there a pharmacy cross / green cross? | No | Yes |
| How many pharmacy-specific icons? | 4–6 strong ones | 15–25+ |
| Can I make a decent pharmacy page with FA5? | Yes — but limited | Much richer & easier |
Final Teacher Advice
If your project is using Font Awesome 5 and you really need proper pharmacy icons in 2026:
- Use fa-pills as the main hero icon + fa-prescription-bottle, fa-syringe, fa-band-aid, fa-medkit, fa-stethoscope
- Or upgrade to Font Awesome 6 or 7 (free kit — just change the CDN link in <head>)
- Or switch to a library that has a rich pharmacy/medical set: Bootstrap Icons, Tabler Icons, Heroicons, Lucide, Remix Icon, or Google Material Symbols
Got it now? Want me to:
- Show you the Font Awesome 6 Pharmacy icons with code examples?
- Build a “Pharmacy / Medicine Store” landing page demo using only real FA5 icons?
- Give you the exact CDN link to switch to FA6 for free?
- Or move to the next category in the series?
Just raise your hand — teacher is ready! 💊🩺💉🚀
