GeezerVison is showing feathericon.github.io — feathericon
Getting Started
Basic
- Download ZIP.
- Copy the
css/andfonts/directory to your project.
- In the
<head>of your html, reference the location to yourfeathericon.min.css.
<link rel="stylesheet" href="path/to/css/feathericon.min.css">
- Place feathericon with
<i>tag in your html like this.feclass is required to use the icons correctly. Check outthe website to start using icons!
<i class="fe fe-heart"></i>
You can use feathericon with CDN files on jsdeliver.
For developers
- Install via npm or yarn.
$ npm install feathericon --save
or
$ yarn add feathericon
If you're Ruby on Rails user, you can install via RubyGems. We have feathericon-sass ( using with Sass ) and feathericon-rails.
- Copy
fonts/directory to your project.
$ cp -r node_modules/feathericon/build/fonts/ path/to/fonts
- 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/feathericon/build/scss/',
outputStyle : 'compressed'
}).on('error', $.sass.logError))
.pipe(gulp.dest('path/to/css/'))
});Then you can import it in your scss(sass) file.
@import 'feathericon';