WebFont Medical Icons - 72 ICONS (X2) specialized in the Clinical & Medical world FREE and easy to use!
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
fonts
js
packages
.gitattributes
.gitignore
.htaccess
404.html
LICENSE
README.md
apple-touch-icon-precomposed.png
bower.json
favicon.ico
humans.txt
icon-selector.html
index.html
package.json

README.md

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)