/webfont-medical-icons

WebFont Medical Icons - 72 ICONS (X2) specialized in the Clinical & Medical world FREE and easy to use!

Primary LanguageHTMLMIT LicenseMIT

Font-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.

Example : http://samcome.github.io/webfont-medical-icons

includes:

SVGs, PNGs (64x64), Webfont (.eot, .ttf, .woff, .svg)


Using Icon Fonts into your project



Install with bower


  1. Install with bower bower install webfont-medical-icons --save

  2. In the head html, reference the location to the css file <link rel="stylesheet" href="../css/wfmi-style.css">

  3. Add classes to your elements <span class="icon-neurology" aria-hidden="true"></span>

DONE!


Install manually


  1. Download repo and extract files

  2. Copy the fonts folder packages/webfont-medical-icons/fonts

  3. Copy the css file packages/webfont-medical-icons/wfmi-style.css

  4. In the head html, reference the location to the css file <link rel="stylesheet" href="../css/wfmi-style.css">

  5. Add classes to your elements <span class="icon-neurology" aria-hidden="true"></span>

DONE!


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)

(Thanx to pyko for add this last part)