Skip to content

DavidMaarek/Gulp-icon-font

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gulp Icon Font

Your own "Font-Awesome" with your .svg icons

Installing

$ npm install

Gulpfile

In the gulpfile.js you can set the name of your font and the name of your css class. The name of your font will be used for the name of the folder and the name of the font.

Icons

Place your .svg icons in the "icons" folder

Generate your font

In the gulpfile.js there are two tasks, the first "iconfont" will allow to create the font files, and the second one "sass" will compile the scss files in css.

Just run this command, who excecute a default task who run iconfont then sass

$ gulp

How to display icons?

className being the constant that you have defined in the gulpfile.js and svgName being the name of your .svg file, here's how to display an icon:

<i class="className className-svgName"></i>

About

Your own "Font-Awesome" with your .svg icons

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published