All Questions
12,117
questions
0
votes
0
answers
22
views
react-svg library and styles are not applied
I have used the "react-svg" library to display SVG icons because I wanted to enter the address of the icon directly, but the problem is that I cannot implement my styles on the icon, like I ...
- 139
-1
votes
0
answers
17
views
Can you use :host() or similar in <img /> for styling an svg? [duplicate]
I am trying to style an SVG within an img tag. I am not templating the svg into the HTML to allow for reusing the cached image between pages and avoid sending unnecessary bytes.
When templating the ...
- 7,409
-1
votes
1
answer
30
views
How to add a Blur Filter to SVG Element in CSS [closed]
I'm trying to add a blur effect to an SVG element. I attempted using within the SVG but changing the values of stdDeviation doesn't seem to produce any changes. How can I properly apply a blur filter ...
0
votes
1
answer
23
views
I'm trying to style my icons that are dynamicaly imported from another file.js on my react app im using react-icons
my icons are imported and stored on a separate file.js i imported the file.js on my .jsx file & i can see the svgs being rendered on my website i also can change the size but the color remains ...
- 1
0
votes
0
answers
30
views
How to make svg and its path the exact same dimensions? [duplicate]
I have an issue with lots of my svgs where the container is bigger than the actual content. See gif below where I flick between hovering over svg and path in the Chrome inspector.
As you can see the ...
- 7,405
0
votes
1
answer
78
views
SVG not taking full width of container div
Facing issue where SVG is not taking full width of parent div.
I've tried updating the viewBox and adding width and height attributes to the SVG, but neither approach has worked.
My requirement,
I ...
- 764
0
votes
0
answers
50
views
What is the explanation for nested svg behavior?
<svg width="100px" height="100px" viewBox="0 0 100 100" style="outline: 1px solid red">
<svg width="50px" height="80px"
style="outline: 1px solid green"
>
<circle cx="25" ...
- 6,829
0
votes
2
answers
59
views
Masking a part of a border
Is it possible to make a div border masked in a specific place like in the picture above?
Some kind of div masks another div without setting a background-color (because the background of a whole site ...
- 11
0
votes
1
answer
35
views
use shadow light in circumreference of circular progress bar
I am running one circle progress bar where in bottom one i need to show little shadow. I am using SVG element where i tried to use linear gradient with light and dark color but it is not working as ...
- 356
0
votes
1
answer
43
views
SVG Path with Rounded Ends
I'm trying to create a filled ellipse graph in React Native using react-native-svg that visually indicates a percentage. The filled part should have rounded ends, but I'm struggling to get the ...
0
votes
0
answers
60
views
Polyline renders in different thickness in Firefox and Chrome despite having the same stroke-width
I have an SVG Polyline that renders in two difrerent thickness in different browsers - Thicker for Chrome and thinner for Firefox. Would anyone know why? And how would I fix it such that the two have ...
- 2,208
1
vote
1
answer
60
views
How to play svg animation on a website? TypeError: svgObject.beginElement is not a function
I'm beginner in the programming!Please help me!!!I have the svg animation file and i want when i click the button on my website the svg will play.
But it give me the issue:TypeError: svgObject....
1
vote
1
answer
44
views
Backdrop blur for polygon shape inside svg tag
<svg
viewBox="0 0 100 100"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
className="ml-10 mt-12 justify-center w-[4.5rem] h-[4.5rem] 1000:h-40 1000:w-...
- 13
0
votes
1
answer
57
views
How to use SVG from file with multiple SVGs by ID selector with ::before
Core problem:
I am using a third party library where I can only set text (no HTML or JS) as a label, but I want to add an icon before the text. The icon is part of an svg file that contains multiple ...
- 1
1
vote
1
answer
53
views
SVG Texture Tiled Plane
Im trying to tile a plane in SVG, but unfortunatley i cant use css3 perspective as its buggy in safari. I tried skewX with a fixed perspective tile. It kind of works, but i think the maths is wrong? ...
- 15