SVG Sprite Icons in Ember.js

build-svg-icon-sprite.js

gulp.task('build-svg-icon-sprite', function () {
  return gulp.src(conf.get('build:svg-sprite-icons:source'))
    .pipe(svgo({
      full: false,
      plugins: [
        { cleanupIDs: true },
        { removeUnknownsAndDefaults: false }
      ]
    }))
    .pipe(fc2json('svg-icon-sprite.json'))
    .pipe(gulp.dest( conf.get('build:icons:dest') ));
});

svg-sprite-icon-initializer.js

App.initializer({
  name: 'svg-sprite-icons',
  initialize: function (container, application) {
    application.inject('component', 'store', 'store:main');
    container.lookup('store:main').findAll('svg-sprite-icon');
  }
});

svg-sprite-icon-model.js

App.SvgSpriteIcon = DS.Model.extend({
  svg: DS.attr()
});

App.SvgSpriteIconAdapter = DS.Adapter.extend({
  findAll: function (store, type, sinceToken) {
    return $.ajax({
      dataType: 'json',
      url: this.buildURL(type.typeKey)
    });
  },
  buildURL: function () {
    return assetService.buildURL('svg-icon-sprite.json');
  }
});

App.SvgSpriteIconSerializer = DS.RESTSerializer.extend({
  normalizePayload: function (payload) {
    var icons = [];
    for (var icon in payload) {
      icons.push({
        id:   icon.replace('.svg', ''),
        svg:  payload[icon]
      });
    }
    return this._super({ svg_sprite_icons: icons });
  }
});

svg-sprite-icon_component.hbs

{{#each icon in svgSpriteIcons}}{{{ unbound icon.svg }}}{{/each}}