feathericon

Simple, scalable vector icon font for websites, apps.

Download

Getting Started

Basic

  1. Download ZIP.
    Download
  2. Copy the entirebuild/directory to your project.
  3. In the<head>of your html, reference the location to yourfeathericon.min.css.
    <link rel="stylesheet" href="path/to/build/css/feathericon.min.css">
  4. Place feathericon with <i>tag in your html like this.feclass is required to use the icons correctly. Check out the website to start using icons!
    <i class="fe fe-heart"></i>

For developers

  1. Install via npm.
    $ npm install feathericon --save
  2. You can simply point your Sass (SCSS)include-pathat yournode_modules/directory. This case is using gulp-sass.
    gulp.task('sass', function () {
     return gulp.src('path/to/*.scss')
       .pipe(.sass({
         loadPath     : 'node_modules',
         outputStyle  : 'compressed'
       }).on('error', $.sass.logError))
       .pipe(gulp.dest('path/to/css/'))
    });
    Then you can import it in your scss(sass) file.
    @import 'feathericon/build/scss/feathericon';