Custom Icons

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


1. Using Tabler Icons

You can explore and use Tablericon icons from their official website:
🔗 Tablericons Website

Example Usage in HTML:


VK: <i class="ti ti-brand-vk"></i>
Telegram: <i class="ti ti-brand-telegram"></i>
Email: <i class="ti ti-mail"></i> or <i class="ti ti-mail-filled"></i>

2. Using Custom FlatIcon Icons

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

flaticon-instagram
flaticon-ambulance
flaticon-bandage
flaticon-hospital-bed
flaticon-pressure
flaticon-blood
flaticon-caduceus
flaticon-cardiogram
flaticon-crutch
flaticon-doctor
flaticon-ear
flaticon-eye
flaticon-first-aid
flaticon-gender
flaticon-heart
flaticon-helicopter
flaticon-hospital
flaticon-kidneys
flaticon-lungs
flaticon-medicine
flaticon-microscope
flaticon-nurse
flaticon-patient
flaticon-plaster
flaticon-pregnant
flaticon-report
flaticon-saline
flaticon-stethoscope
flaticon-stomach
flaticon-scalpel
flaticon-teeth
flaticon-thermometer
flaticon-laboratory
flaticon-vaccine
flaticon-weight
flaticon-wheelchair
flaticon-x-ray
flaticon-syrup
flaticon-online-appointment
flaticon-doctor-1
flaticon-medical-app
flaticon-dental-care
flaticon-first-aid-kit
flaticon-healthcare
flaticon-blood-test
flaticon-nurse-1
flaticon-fruit
flaticon-thermometer-1
flaticon-medical-stretcher
flaticon-stethoscope-1
flaticon-blood-donation
flaticon-medical-report
flaticon-blood-bag
flaticon-x-ray-1
flaticon-blood-pressure-meter
flaticon-healthcare-1
flaticon-medical-prescription
flaticon-hydroalcoholic-gel
flaticon-glucometer
flaticon-dna-structure
flaticon-test-tubes
flaticon-calendar
flaticon-emergency-call
flaticon-fever
flaticon-doctor-2
flaticon-pill
flaticon-helicopter-1
flaticon-hospital-bed-1
flaticon-red-cross
flaticon-medical-mask
flaticon-ayurveda
flaticon-microscope-1
flaticon-hospital-1
flaticon-pharmacy
flaticon-wheelchair-1
flaticon-injection
flaticon-medical-file
flaticon-electrocardiogram
flaticon-medical-book
flaticon-diabetes
flaticon-doctor-3
flaticon-capsules
flaticon-eye-care
flaticon-bandage-1
flaticon-medical
flaticon-medical-insurance
flaticon-ambulance-1
flaticon-facebook
flaticon-linkedin
flaticon-nursing-home
flaticon-elderly
flaticon-rocking-chair
flaticon-scooter
flaticon-hearing-aid
flaticon-wheelchair-2
flaticon-elderly-1
flaticon-nurse-2
flaticon-breakfast
flaticon-knitting
flaticon-electrocardiogram-1
flaticon-elevator
flaticon-television
flaticon-doctor-4
flaticon-doctor-5
flaticon-clinic
flaticon-report-1
flaticon-stethoscope-2
flaticon-wound
flaticon-doctor-6
flaticon-schedule
flaticon-search
flaticon-doctor-7
flaticon-health
flaticon-doctor-8
flaticon-emergency
flaticon-health-1
flaticon-health-2
flaticon-doctor-9
flaticon-bone
flaticon-rx
flaticon-alcohol-gel
flaticon-hospital-bed-2
flaticon-first-aid-kit-1
flaticon-medical-1
flaticon-heart-beat
flaticon-weighing-machine
flaticon-health-3
flaticon-eye-1
flaticon-tooth
flaticon-research
flaticon-medical-2
flaticon-blood-bag-1
flaticon-thermometer-2
flaticon-health-check
flaticon-health-4
flaticon-health-5
flaticon-health-6
flaticon-report-2
flaticon-mobile
flaticon-injecting
flaticon-health-clinic
flaticon-doctor-10
flaticon-medical-team
flaticon-search-1
flaticon-twitter


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-twitter" style="font-size: 24px; color: #007bff;"></i> Doctor Icon

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


Final Notes

  • Tabler 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.