Icons Packs Preview
- .icon-alternative-complementary
- .icon-kidney
- .icon-cardiology
- .icon-labor-delivery
- .icon-care-staff-area
- .icon-laboratory
- .icon-anesthesia
- .icon-mental-health
- .icon-dental
- .icon-neurology
- .icon-dermatology
- .icon-nutrition
- .icon-diabetes-education
- .icon-oncology
- .icon-ear-nose-throat
- .icon-ophthalmology
- .icon-family-practice
- .icon-outpatient
- .icon-genetics
- .icon-pathology
- .icon-health-services
- .icon-pediatrics
- .icon-immunizations
- .icon-pharmacy
- .icon-infectious-diseases
- .icon-physical-therapy
- .icon-inpatient
- .icon-respiratory
- .icon-intensive-care
- .icon-surgery
- .icon-internal-medicine
- .icon-womens-health
- .icon-i-alternative-complementary
- .icon-i-kidney
- .icon-i-cardiology
- .icon-i-labor-delivery
- .icon-i-care-staff-area
- .icon-i-laboratory
- .icon-i-anesthesia
- .icon-i-mental-health
- .icon-i-dental
- .icon-i-neurology
- .icon-i-dermatology
- .icon-i-nutrition
- .icon-i-diabetes-education
- .icon-i-oncology
- .icon-i-ear-nose-throat
- .icon-i-ophthalmology
- .icon-i-family-practice
- .icon-i-outpatient
- .icon-i-genetics
- .icon-i-pathology
- .icon-i-health-services
- .icon-i-pediatrics
- .icon-i-immunizations
- .icon-i-pharmacy
- .icon-i-infectious-diseases
- .icon-i-physical-therapy
- .icon-i-inpatient
- .icon-i-respiratory
- .icon-i-intensive-care
- .icon-i-surgery
- .icon-i-internal-medicine
- .icon-i-womens-health
- .icon-administration
- .icon-interpreter-services
- .icon-ambulance
- .icon-medical-library
- .icon-billing
- .icon-medical-records
- .icon-chapel
- .icon-registration
- .icon-emergency
- .icon-social-services
- .icon-health-education
- .icon-waiting-area
- .icon-i-administration
- .icon-i-interpreter-services
- .icon-i-ambulance
- .icon-i-medical-library
- .icon-i-billing
- .icon-i-medical-records
- .icon-i-chapel
- .icon-i-registration
- .icon-i-emergency
- .icon-i-social-services
- .icon-i-health-education
- .icon-i-waiting-area
- .icon-cath-lab
- .icon-imaging-alternative-mri
- .icon-mammography
- .icon-imaging-alternative-pet
- .icon-mri-pet
- .icon-imaging-alternative-ct
- .icon-radiology
- .icon-imaging-alternative-mri
- .icon-ultrasound
- .icon-imaging-root-category
- .icon-i-cath-lab
- .icon-i-imaging-alternative-mri
- .icon-i-mammography
- .icon-i-imaging-alternative-pet
- .icon-i-mri-pet
- .icon-i-imaging-alternative-ct
- .icon-i-radiology
- .icon-i-imaging-alternative-mri
- .icon-i-ultrasound
- .icon-i-imaging-root-category
- .icon-accessibility
- .icon-hearing-assistance
- .icon-restrooms
- .icon-coffee-shop
- .icon-hospital
- .icon-smoking
- .icon-drinking-fountain
- .icon-information-us
- .icon-stairs
- .icon-elevators
- .icon-no-smoking
- .icon-text-telephone
- .icon-fire-extinguisher
- .icon-nursery
- .icon-volume-control
- .icon-gift-shop
- .icon-restaurant
- .icon-first-aid
- .icon-i-accessibility
- .icon-i-hearing-assistance
- .icon-i-restrooms
- .icon-i-coffee-shop
- .icon-i-hospital
- .icon-i-smoking
- .icon-i-drinking-fountain
- .icon-i-information-us
- .icon-i-stairs
- .icon-i-elevators
- .icon-i-no-smoking
- .icon-i-text-telephone
- .icon-i-fire-extinguisher
- .icon-i-nursery
- .icon-i-volume-control
- .icon-i-gift-shop
- .icon-i-restaurant
- .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="icon-laboratory" aria-hidden="true"></span>
Done!
Example
<span class="icon-neurology" aria-hidden="true"></span>
.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)