Getting started

dist/custom-app/icons.css

@@ -0,0 +1,86 @@
+@font-face {
+	font-family: "hs-custom-app-icon";
+	src: url('/dist/custom-app/hs-custom-app-icon.eot');
+	src: url('/dist/custom-app/hs-custom-app-icon.eot?#iefix') format('eot'),
+		url('/dist/custom-app/hs-custom-app-icon.woff2') format('woff2'),
+		url('/dist/custom-app/hs-custom-app-icon.woff') format('woff'),
+		url('/dist/custom-app/hs-custom-app-icon.ttf') format('truetype'),
+		url('/dist/custom-app/hs-custom-app-icon.svg#hs-custom-app-icon') format('svg');
+}
+
+.icon:before {
+	font-family: "hs-custom-app-icon";
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+	font-style: normal;
+	font-variant: normal;
+	font-weight: normal;
+	/* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
+	text-decoration: none;
+	text-transform: none;
+}
+
+
+.icon-app-arrow:before {
+	content: "\E001";
+}
+
+.icon-app-cart:before {
+	content: "\E002";
+}
+
+.icon-app-case:before {
+	content: "\E003";
+}
+
+.icon-app-cash:before {
+	content: "\E004";
+}
+
+.icon-app-check:before {
+	content: "\E005";
+}
+
+.icon-app-cloud:before {
+	content: "\E006";
+}
+
+.icon-app-doc:before {
+	content: "\E007";
+}
+
+.icon-app-flag:before {
+	content: "\E008";
+}
+
+.icon-app-folder:before {
+	content: "\E009";
+}
+
+.icon-app-gear:before {
+	content: "\E00A";
+}
+
+.icon-app-globe:before {
+	content: "\E00B";
+}
+
+.icon-app-person:before {
+	content: "\E00C";
+}
+
+.icon-app-pointer:before {
+	content: "\E00D";
+}
+
+.icon-app-search:before {
+	content: "\E00E";
+}
+
+.icon-app-star:before {
+	content: "\E00F";
+}
+
+.icon-app-tag:before {
+	content: "\E010";
+}

gulpfile.js

@@ -0,0 +1,56 @@
+var gulp          = require('gulp');
+var iconfont      = require('gulp-iconfont');
+var iconfontCss   = require('gulp-iconfont-css');
+var runTimestamp  = Math.round(Date.now()/1000);
+var del           = require('del');
+
+
+// Clean
+gulp.task('clean-app', function(fn) {
+  return del(['dist/app'], fn);
+});
+
+gulp.task('clean-custom-app', function(fn) {
+  return del(['dist/custom'], fn);
+});
+
+
+// Icon fonts
+var iconAppName = 'hs-app-icon';
+var iconCustomAppName = 'hs-custom-app-icon';
+
+
+gulp.task('iconfont-app', ['clean-app'], function(){
+  gulp.src(['src/app/*.svg'])
+    .pipe(iconfontCss({
+      fontName: iconAppName,
+      targetPath: 'icons.css',
+      fontPath: '/dist/app/',
+      cssClass: 'icon'
+    }))
+    .pipe(iconfont({
+      fontName: iconAppName
+     }))
+    .pipe(gulp.dest('dist/app/'));
+});
+
+
+gulp.task('iconfont-custom-app', ['clean-custom-app'], function(){
+  gulp.src(['src/custom-app/*.svg'])
+    .pipe(iconfontCss({
+      fontName: iconCustomAppName,
+      targetPath: 'icons.css',
+      fontPath: '/dist/custom-app/',
+      cssClass: 'icon'
+    }))
+    .pipe(iconfont({
+      fontName: iconCustomAppName
+     }))
+    .pipe(gulp.dest('dist/custom-app/'));
+});
+
+
+
+
+// Tasks
+gulp.task('default', ['iconfont-app', 'iconfont-custom-app']);

package.json

@@ -12,5 +12,8 @@
     "gulp": "^3.9.1",
     "gulp-iconfont": "^6.0.0",
     "gulp-iconfont-css": "^2.1.0"
+  },
+  "dependencies": {
+    "del": "^2.2.0"
   }
 }