diff --git a/gulpfile.js b/gulpfile.js
index 16656f0de0..043d7887e1 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -340,7 +340,7 @@ gulp.task('sass', function() {
 });
 
 gulp.task('fonts', function() {
-  return gulp.src(['ionic/**/*.ttf', 'ionic/**/*.woff'])
+  return gulp.src(['ionic/**/*.ttf', 'ionic/**/*.woff', 'ionic/**/*.woff2'])
     .pipe(gulp.dest('dist'))
     .pipe(gulp.dest('dist/bundles'));
 });
@@ -585,7 +585,7 @@ function buildDemoBundle(opts, done) {
 gulp.task('tooling', function(){
   gulp.src('*tooling/**/*')
     .pipe(gulp.dest('dist'));
-    
+
   watch('tooling/**/*', function(){
     gulp.src('*tooling/**/*')
       .pipe(gulp.dest('dist'));
diff --git a/ionic/fonts/ionicons.scss b/ionic/fonts/ionicons.scss
index db255ee595..ace0ffcaf4 100644
--- a/ionic/fonts/ionicons.scss
+++ b/ionic/fonts/ionicons.scss
@@ -10,7 +10,8 @@ $ionicons-version: "3.0.0" !default;
 
 @font-face {
  font-family: "Ionicons";
- src: url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"),
+ src: url("#{$ionicons-font-path}/ionicons.woff2?v=#{$ionicons-version}") format("woff2"),
+      url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"),
       url("#{$ionicons-font-path}/ionicons.ttf?v=#{$ionicons-version}") format("truetype");
  font-weight: normal;
  font-style: normal;
diff --git a/ionic/fonts/ionicons.ttf b/ionic/fonts/ionicons.ttf
index 60eff2824a..307ad889aa 100644
Binary files a/ionic/fonts/ionicons.ttf and b/ionic/fonts/ionicons.ttf differ
diff --git a/ionic/fonts/ionicons.woff b/ionic/fonts/ionicons.woff
index d4bb6452c3..e997f0d970 100644
Binary files a/ionic/fonts/ionicons.woff and b/ionic/fonts/ionicons.woff differ
diff --git a/ionic/fonts/ionicons.woff2 b/ionic/fonts/ionicons.woff2
new file mode 100644
index 0000000000..66bcf5c555
Binary files /dev/null and b/ionic/fonts/ionicons.woff2 differ