Не получается менять стили у svg
Мой gulp для сборки спрайтов
gulp.task('svgstore', function () {
return gulp
.src('app/svg/parts/*.svg')
.pipe(svgmin(function (file) {
let prefix = path.basename(file.relative, path.extname(file.relative));
return {
plugins: [{
cleanupIDs: {
prefix: prefix + '-',
minify: true
}
}]
}
}))
.pipe(svgstore())
.pipe(rename({basename: 'sprite'}))
.pipe(gulp.dest('app/svg/build'));
});
Код, который я добавляю в html
<svg class="icon">
<use xlink:href="/svg/build/sprite.svg#facebook"></use>
</svg>
Уже даже удалил из svg файла атрибут style с заданным значением fill
Подскажите, что делаю не так. Или, если есть возможность, покажите свой подход
В основном, я гуглил о
спрайтах и их
настройках в gulp
В последнем мне не понравилось то, что для совместимости они подключают библиотеку, которая написана на jquery, а тогда мне и jquery придется подключать, хоть проект планировал на чистом js