css/
andfonts/
directory to your project.<head>
of your html, reference the location to yourfeathericon.min.css
.
<link rel="stylesheet" href="path/to/css/feathericon.min.css">
<i>
tag in your html like this.fe
class 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.
$ npm install feathericon --save or $ yarn add feathericonIf you're Ruby on Rails user, you can install via RubyGems. We have feathericon-sass ( using with Sass ) and feathericon-rails.
fonts/
directory to your project.
$ cp -r node_modules/feathericon/build/fonts/ path/to/fonts
include-path
at 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';