Почему в SVG-спрайте исчезают градиенты?

Question

[Сергей]

Генерирую svg спрайт в Gulp, с помощью gulp-svg-sprites , стандартным таском:

gulp.task('sprites', function () {
    return gulp.src('app/i/icons/*.svg')
        .pipe(svgSprite())
        .pipe(gulp.dest("app/i"));
});

При этом слетает у иконок градиент, который у них есть, когда они по отдельности. Все они заливаются цветом иконок, которые идут первыми в файле. С чем это может быть связано, не силен в svg и даже не знаю куда копать.

Answer 1

[Mr Crabbz]

Связано с тем, что градиент у вас сделан через class. А у разных иконок названия классов могут пересекаться и, соответственно, перезаписывать друг друга. Открывайте svg в блокноте и редактируйте названия классов на уникальные.

Comments

[Сергей]

Точно. Спасибо за помощь!