grunt-svgstore is Grunt.js plugin which merges SVGs from a folder.
grunt-svgstore is Grunt.js plugin which merges SVGs from a folder.
Questions tagged [grunt-svgstore]
12 questions
7
votes
2 answers
Why does svg referencing an element with clip-path not work?
When implementing an SVG sprite, an
Betsy Dupuis
- 513
- 1
- 6
- 21
2
votes
0 answers
Access file name in grunt task
I'm trying to edit quite a few svg files with Grunt.
I'm currently using svgmin and grunt-text-replace.
I need to add attribute to svg element, based on the name of the file.
I wonder if there is a kind of grunt template that lets you get the name…
gogachinchaladze
- 1,064
- 1
- 8
- 19
1
vote
0 answers
Using svgstore with $mdIconProvider
I have svg sprite file which looks like the following:
1
vote
0 answers
How to add svg file after performing grunt-svgstore
I am using grunt-svgstore task to create consolidated version of svg files.Problem statement:I have include svg file after completion of grunt-svgstore task.My Solutionsvg-sprite.svg
1
vote
1 answer
base href + SVG Sprites = Not working on Firefox
I'm using a technique I found on CSS Tricks ( https://css-tricks.com/svg-sprites-use-better-icon-fonts/ ) to include my SVG sprite in my application.
It's a basic AngularJS application, I include the SVG and then I use the tag to implement the…
eHx
- 181
- 2
- 17
0
votes
1 answer
How to concatenate relative path or generate unique identifier svg contained in nested folders?
I have many icons exported by "Figma" in a folder structure, I have used grunt-svgstore to generate the sprite sheet but I'm getting duplicated ids in the result.
I have tried with "allowDuplicateItems: false" and "setUniqueIds: true" but it doesn't…
mmadrigal
- 95
- 1
- 8
0
votes
1 answer
Gradients not working for inline SVG on webpage
I have an SVG sprite which is embedded inline in a web page which contains several images as symbols, and some of these images have gradient fills defined in the section of the SVG. However when I try to use any of the images on the page by…
Anduril
- 1,236
- 1
- 9
- 33
0
votes
0 answers
Grunt-SVG-Sprite: Append new svg icons in existing sprite and name sprite according to the need
My grunt file looks like:
module.exports = function( grunt ) {
grunt.initConfig({
svg_sprite : {
options : {
},
your_target : {
expand : true,
src : [
…
PageSource
- 301
- 3
- 11
0
votes
0 answers
SVG gradient not working on pages other than home
This is quite puzzling. I am swapping over from icon fonts in favour of svg sprites using grunt-svgstore.
The logo of the page has a gradient in it.
All was working well until I moved on to dev the other pages of the site when the gradient in the…
nickspiel
- 5,170
- 6
- 33
- 48
0
votes
2 answers
SVG and Grunt turning output partially black
I've just installed Grunt and grunt-svgstore and am using it to compile my folder of SVG's into one application.svg where each icon has a unique id that I can reference using:
It works fine for some icons, but for others, part of their shapes turn…
rctneil
- 7,016
- 10
- 40
- 83
0
votes
2 answers
grunt-svgstore cleanup option not working
I'm using grunt-svgstore to merge SVG files. There's an option available called 'cleanup' (https://github.com/FWeinb/grunt-svgstore#optionscleanup) that should:
Clean up all inline style definitions that may jeopardise later
stylesheet-based…
davidpauljunior
- 8,238
- 6
- 30
- 54
-1
votes
1 answer
Grunt plugin to create SVG files sprite and also auto update the CSS files with new path
Something like grunt-sprite-generator for images, i need a plugin for svg files.
I tried using grunt-svg-sprite grunt plugin, but it only creates sprite and does not modifies the css directory structure.
AmanSinghal
- 2,404
- 21
- 22