Icons Packs Preview
- .medical-icon-alternative-complementary
- .medical-icon-kidney
- .medical-icon-cardiology
- .medical-icon-labor-delivery
- .medical-icon-care-staff-area
- .medical-icon-laboratory
- .medical-icon-anesthesia
- .medical-icon-mental-health
- .medical-icon-dental
- .medical-icon-neurology
- .medical-icon-dermatology
- .medical-icon-nutrition
- .medical-icon-diabetes-education
- .medical-icon-oncology
- .medical-icon-ear-nose-throat
- .medical-icon-ophthalmology
- .medical-icon-family-practice
- .medical-icon-outpatient
- .medical-icon-genetics
- .medical-icon-pathology
- .medical-icon-health-services
- .medical-icon-pediatrics
- .medical-icon-immunizations
- .medical-icon-pharmacy
- .medical-icon-infectious-diseases
- .medical-icon-physical-therapy
- .medical-icon-inpatient
- .medical-icon-respiratory
- .medical-icon-intensive-care
- .medical-icon-surgery
- .medical-icon-internal-medicine
- .medical-icon-womens-health
- .medical-icon-i-alternative-complementary
- .medical-icon-i-kidney
- .medical-icon-i-cardiology
- .medical-icon-i-labor-delivery
- .medical-icon-i-care-staff-area
- .medical-icon-i-laboratory
- .medical-icon-i-anesthesia
- .medical-icon-i-mental-health
- .medical-icon-i-dental
- .medical-icon-i-neurology
- .medical-icon-i-dermatology
- .medical-icon-i-nutrition
- .medical-icon-i-diabetes-education
- .medical-icon-i-oncology
- .medical-icon-i-ear-nose-throat
- .medical-icon-i-ophthalmology
- .medical-icon-i-family-practice
- .medical-icon-i-outpatient
- .medical-icon-i-genetics
- .medical-icon-i-pathology
- .medical-icon-i-health-services
- .medical-icon-i-pediatrics
- .medical-icon-i-immunizations
- .medical-icon-i-pharmacy
- .medical-icon-i-infectious-diseases
- .medical-icon-i-physical-therapy
- .medical-icon-i-inpatient
- .medical-icon-i-respiratory
- .medical-icon-i-intensive-care
- .medical-icon-i-surgery
- .medical-icon-i-internal-medicine
- .medical-icon-i-womens-health
- .medical-icon-administration
- .medical-icon-interpreter-services
- .medical-icon-ambulance
- .medical-icon-medical-library
- .medical-icon-billing
- .medical-icon-medical-records
- .medical-icon-chapel
- .medical-icon-registration
- .medical-icon-emergency
- .medical-icon-social-services
- .medical-icon-health-education
- .medical-icon-waiting-area
- .medical-icon-i-administration
- .medical-icon-i-interpreter-services
- .medical-icon-i-ambulance
- .medical-icon-i-medical-library
- .medical-icon-i-billing
- .medical-icon-i-medical-records
- .medical-icon-i-chapel
- .medical-icon-i-registration
- .medical-icon-i-emergency
- .medical-icon-i-social-services
- .medical-icon-i-health-education
- .medical-icon-i-waiting-area
- .medical-icon-cath-lab
- .medical-icon-imaging-alternative-mri
- .medical-icon-mammography
- .medical-icon-imaging-alternative-pet
- .medical-icon-mri-pet
- .medical-icon-imaging-alternative-ct
- .medical-icon-radiology
- .medical-icon-imaging-alternative-mri
- .medical-icon-ultrasound
- .medical-icon-imaging-root-category
- .medical-icon-i-cath-lab
- .medical-icon-i-imaging-alternative-mri
- .medical-icon-i-mammography
- .medical-icon-i-imaging-alternative-pet
- .medical-icon-i-mri-pet
- .medical-icon-i-imaging-alternative-ct
- .medical-icon-i-radiology
- .medical-icon-i-imaging-alternative-mri
- .medical-icon-i-ultrasound
- .medical-icon-i-imaging-root-category
- .medical-icon-accessibility
- .medical-icon-hearing-assistance
- .medical-icon-restrooms
- .medical-icon-coffee-shop
- .medical-icon-hospital
- .medical-icon-smoking
- .medical-icon-drinking-fountain
- .medical-icon-information-us
- .medical-icon-stairs
- .medical-icon-elevators
- .medical-icon-no-smoking
- .medical-icon-text-telephone
- .medical-icon-fire-extinguisher
- .medical-icon-nursery
- .medical-icon-volume-control
- .medical-icon-gift-shop
- .medical-icon-restaurant
- .medical-icon-first-aid
- .medical-icon-i-accessibility
- .medical-icon-i-hearing-assistance
- .medical-icon-i-restrooms
- .medical-icon-i-coffee-shop
- .medical-icon-i-hospital
- .medical-icon-i-smoking
- .medical-icon-i-drinking-fountain
- .medical-icon-i-information-us
- .medical-icon-i-stairs
- .medical-icon-i-elevators
- .medical-icon-i-no-smoking
- .medical-icon-i-text-telephone
- .medical-icon-i-fire-extinguisher
- .medical-icon-i-nursery
- .medical-icon-i-volume-control
- .medical-icon-i-gift-shop
- .medical-icon-i-restaurant
- .medical-icon-i-first-aid
Using Icon Fonts in your project
1 Copy the fonts folder
packages/webfont-medical-icons/fonts
2 Copy the css file
packages/webfont-medical-icons/wfmi-style.css
3 In the head html, reference the location to the css file
<link rel="stylesheet" href="../css/wfmi-style.css">
4 Add classes to your elements
<span class="medical-icon-laboratory" aria-hidden="true"></span>
Done!
Example
<span class="medical-icon-neurology" aria-hidden="true"></span>
.medical-icon-neurology {font-size: 7.4em;}
Simple CSS creative backgrounds...
Downloading icons as PNG
1 Click on the icon you want
2 Select the desired colour
3 Enter the desired size (in px)
4 Click on 'Get PNG file'
5 Save PNG file (ctrl+s or cmd+s)