Fork me on GitHub

  • WebFont
    Medical Icons

    72 icons (x2)
    specialized in the Clinical & Medical world
    Free and easy to use!

    Important! Before use, please read the terms and conditions set by Hablamos Juntos who designed these icons package.
    This package is a digital adaptation for use on the web media.

    The package includes:
    SVGs, PNGs (64x64), Webfont (.eot, .ttf, .woff, .svg)

    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)