Stack Overflow
Stack Overflow

Questions tagged [svg-sprite]

61 questions
0
votes
1 answer

Click event on SVG sprite only works with one type of element accessor in JS

I am using the handlebars templating engine
Amaan Kulshreshtha
  • 525
  • 6
  • 19
0
votes
1 answer

Create a for loop for several file names in a Gulp.js 4 function

I'm currently trying to use one single svg sprite per page, so that it only loads the necessary svg's for each separate page. Is currently working, but I want to create an array so that the task get's called for N pages that I want. I currently…
Leo
  • 956
  • 8
  • 24
0
votes
0 answers

Svg sprites and svg4everybody

I have a problem with svg sprites. I know how it works and I built plenty of svg sprites, but right now I have no idea what to do. In my project i use svg4everybody. I have an error in console: "Unsafe attempt to load URL from frame with URL .…
Pavel Dzemidovich
  • 19
  • 3
0
votes
1 answer

How can I define width/height of svg-sprite and write these values to the file (with Linux or Mac CLI)

I'm trying to create svg-sprite using npm package svg-sprite. Eventually I get sprite, that looks like this: // icons-test.svg ...
bjorn-mozyakin
  • 13
  • 2
0
votes
0 answers

How to fix a problem with a negative value with viewBox in svg?

I create a svg sprite using the gulp-svg-sprites plugin. After compilation, negative viewBox values are replaced with positive values and NaN is added before them. Icons with negative values look incomplete, cropped. Help solve this issue. Thank…
Даниил Постнов
  • 1
0
votes
2 answers

How to fill or stroke an svg element in a svg sprite.

I am having issues in seeing the picked element and apply colour to the pick ed element. For example I have an image sprite called untitled.svg in which collection of icons are listed. I want to pick say calendar. I am able to pick the element but…
Regokonda
  • 53
  • 1
  • 1
  • 10
0
votes
0 answers

Clip path doesn't work in SVG sprite

Folks, I am experiencing issue while using SVG sprite that has a symbol with clipped path. Looks like this a known issue but I can't figure out solution by reading existing documentation out there. I have a SVG sprite file named, icon.svg; content…
Pratik Mehta
  • 2,037
  • 2
  • 14
  • 19
0
votes
1 answer

Why svg sprites are not visible on the server. In gulp everything is fine

There was such a problem that svg sprite'y not visible at all anywhere except the gulp itself. Here's what on the hosting ====> https://i.stack.imgur.com/N1Ko8.png And now the included gulp and everything works fine…
Эдуард Иляскин
  • 3
  • 1
0
votes
1 answer

SVG sprite not working - icons display on stack

Inspired by this article How SVG Fragment Identifiers Work, I am trying to create SVG sprite, and with use of viewBox place selected icons into stylesheet as a background... Unfortunately I have encountered a real problem... I cannot choose proper…
dra89szka
  • 103
  • 1
  • 11
0
votes
0 answers

Aurelia SVG sprite - works intermittently

In Aurelia I've created a custom component for displaying inline SVGs that are cloned in with the tag. It seems to work intermittently, especially giving me issues when it's being used in the Aurelia Dialog. Sometimes the icons load into the…
IOIIOOIO
  • 3,899
  • 4
  • 14
  • 19
0
votes
2 answers

Svg sprites with copy and paste support

The following Emojione demo suggests adding the description tag to allow the user to copy and paste the original unicode character: https://demos.emojione.com/latest/sprites-svg.html However, on macOS (at least) I am unable to copy and paste the…
Mitkins
  • 4,031
  • 3
  • 40
  • 77
0
votes
1 answer

How do I configure svg-sprite to generate the same svg file name with each run?

I'm using the excellent svg-sprite as a cli to generate an svg sprite from several other svg files. Most of the configuration is understood and I get the svg file and associated css as expected. I'd like the generated svg file to always have the…
indigoi
  • 142
  • 11
0
votes
2 answers

svg changes when converted to symbol

I have this dummy svg showing a cirle with some grey figure inside
keysersoze
  • 777
  • 3
  • 12
  • 27
0
votes
1 answer

Using CSS to insert and color an SVG from a spritesheet

I'm using svg-sprite to generate a SVG spritesheet to be embedded via the method: This works nicely for embedding and styling icons via HTML markup. However, I also need…
Matt Stone
  • 3,705
  • 4
  • 23
  • 40
0
votes
1 answer

SVG use linked from an external source not showing svg data

I have an html page with two svg use elements: The first references inline svg. The second references an external svg file (same code). I am trying to figure out why the second example does not show the svg paths even though the SVG code that is…
Jagger
  • 41
  • 3
  • 7
1 2 3
4
5