cgarveyie / webfont-medical-icons

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

Home Page:http://samcome.github.io/webfont-medical-icons

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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="medical-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="medical-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)

About

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

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

License:MIT License


Languages

Language:HTML 78.8%Language:CSS 11.2%Language:JavaScript 10.0%