Material Design Icons?

Ionic Framework ionic-v3
5

I opened an issue! Forgot to mention though that we also want the same naming pattern of icons from web to app.

But in the meantime I am successfully using the Material Design Icons in Ionic2.

Just delete src: local('../fonts/MaterialIcons-Regular.eot') from the above code and call the desired icon with the above <i class="material-icons"> element.

You then should have access to all of the Material Design Icons.

gulpfile.js

 gulp.task('watch', ['clean'], function(done){
   runSequence(
     ['data','sass', 'html', 'fonts', 'customFonts', 'scripts'],
     function(){
       gulpWatch('app/data/*.json', function(){ gulp.start('data'); });
       gulpWatch('app/**/*.scss', function(){ gulp.start('sass'); });
       gulpWatch('app/**/*.html', function(){ gulp.start('html'); });
       buildBrowserify({ watch: true }).on('end', done);
     }
   );
 });
 gulp.task('build', ['clean'], function(done){
   runSequence(
     ['data', 'sass', 'html', 'fonts', 'customFonts', 'scripts' ],
     function(){
       buildBrowserify({
         minify: isRelease,
         browserifyOptions: {
           debug: !isRelease
         },
         uglifyOptions: {
           mangle: false
         }
       }).on('end', done);
     }
   );
 });

 // added this to gulp the MDIcons file located in app/md-icons/
 gulp.task('customFonts', function () {
     return copyFonts({
         src: [
           "app/md-icons/*.+(eot|ttf|woff|woff2|svg|ijmap)"
         ]
     });
 });