CODEWITHSUNDEEP
htmlcsssvg
Nemus
Nemus

Reputation: 3993

Change color of SVG sprite

I am using SVG sprite as my background image: 

.naar-logo {
    background: url(images/salt_sprite.svg) no-repeat -8px -78px;
    width: 36px;
    height: 49px;
    position: relative;
    top: 38px;
}
<div class="naar-logo"></div>

Color of sprite images is black, but I want it to be white. I tried with:

background: url(images/salt_sprite.svg) no-repeat white -8px -78px;

and color: white; on .naar-logo clas, but it not work. How can I change color of svg sprite to be white?

Upvotes: 4

Views: 9023

Answers (1)

itacode
itacode

Reputation: 3787

You cannot change the color with an external css. You need to inline the SVG in order to to that. Please read Using SVG for details.

Upvotes: 5

Related Questions