Linked Questions
14 questions linked to/from Can I change the fill color of an svg path with CSS?
0
votes
0
answers
895
views
Use svg heart icon and change the outline color with CSS [duplicate]
I've my svg. I know I can set the fill to change the fill color. So if I set:
.heart path {
fill: green
}
the hearth turns green. But I don't want that, I only want to change the outline color to ...
- 76.7k
0
votes
0
answers
44
views
I want to be able to color one path with different colors [duplicate]
I have downloaded a Giratina Art to try out, and I don't know how I can be able to kind of separate all of <path> tags so I am able to color them all. I mean, the Giratina won't just have one ...
- 190
145
votes
4
answers
125k
views
How do I have an SVG image inherit colors from the HTML document?
I have a bunch of SVG images that I want to embed in an HTML page, which is styled with CSS.
I want to be able to have elements in the SVG have their color inherited from the parent HTML element's ...
- 1,459
34
votes
5
answers
37k
views
Manipulating external svg file style properties with CSS
I am trying to manipulate an external .svg file via CSS.
HTML
<body>
<div class="mysvg">
<img src="decho.svg" alt="decho" width="200px"></img>
</div>
</...
- 514
16
votes
1
answer
19k
views
Styling SVG with CSS in the containing HTML
I have a SVG file containing one simple triangle named. The file is named indicator.svg:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3....
- 17.2k
16
votes
1
answer
26k
views
How to set fill color for svg rect
I have the following icon in svg, which contain a rect.
I need to color in red (now they are in white).
With my current CSS solution I am not able to get the result wanted.
Any idea how to fix it?
...
- 8,387
3
votes
3
answers
12k
views
SVG Path Fill Colour with CSS
I've seen lots of people posting this, and they all seem pretty happy with their answers.
However I cant get my path fill to actually work,
http://jsfiddle.net/OwenMelbz/LvgmV/
The fiddle is above, ...
- 6,428
2
votes
2
answers
2k
views
How to style path element in an external SVG file used as background image?
I have a div with an background image assigned in my CSS. Its an svg file. Is there any possibility I can access the paths to change their color, even though its a background image?
- 13.3k
0
votes
2
answers
2k
views
Programmatically change SVG classes during runtime
-I want to draw the same SVG onto a canvas multiple times, but each time I want to PROGRAMMATICALLY change the colors of specific classes within that SVG.
For example take this house image below:
The ...
- 1,275
0
votes
2
answers
2k
views
CSS changing the path of svg element
I have a generated svg arrow, I want to change it to another shape, I don't know how to generate svg dots.
Thats the first shape :
<div id="map_outer" style="position: absolute; left: 3px; z-index:...
- 658
2
votes
2
answers
254
views
Using style sheet for SVG loaded from content
I have a circle.svg file
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="48" height="48">
<circle class="circle" cx="24" cy="24" r="24"><...
- 1,758
0
votes
1
answer
181
views
Change the svg image to the text in the navigation bar
Is it possible to convert the svg image to text? I have bought one of the Bootstrap templates.
In the navigation bar, when scrolling down, the text changes from white to black. I would like it to be ...
- 2,149
-1
votes
3
answers
60
views
it doesn't work when i hover my li's in my navbar
when i clone rolex website to improve myself, when i hover over the li's in my navigation bar i want the color of both my svgs and a tags to change but it's not working;
#nav-bar .nav-links {
...
- 49
2
votes
1
answer
175
views
Sprite as <canvas> or as Image [closed]
I'm writing an HTML5 Javascript game that uses the <canvas> tag, and and I'm not sure which is better for a sprite: a <canvas> tag or an Image(). A friend says <canvas>, so that we ...
- 5,745