how to color svg image in css

Norman answered on May 1, 2022 Popularity 10/10 Helpfulness 5/10

answer how to color svg image in css

related change svg color in img tag

how to color svg image in css

Comment

/*
	You have to apply a filter, this works for any kink of image
    Play with hue-rotate and saturate to find the color you want
*/
#svg{
    filter: invert(100%) sepia(100%) saturate(1000%) hue-rotate(280deg);
 }

Popularity 10/10 Helpfulness 5/10 Language css

Source: www.delftstack.com

Tags: css image svg

Link to this answer
Share Copy Link

Contributed on May 05 2022

Norman

0 Answers Avg Quality 2/10

Closely Related Answers

change svg color in img tag

Comment

<svg>
    <use href="logo.svg" style="--color_fill: #000;"></use>
</svg>

Popularity 10/10 Helpfulness 7/10 Language whatever

Source: stackoverflow.com

Tags: svg

Link to this answer
Share Copy Link

Contributed on May 01 2022

Sparkling Seahorse

0 Answers Avg Quality 2/10

change svg color in img tag

Comment

.logo {
  background-color: red;
  -webkit-mask: url(logo.svg) no-repeat center;
  mask: url(logo.svg) no-repeat center;
}

Popularity 10/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on May 01 2022

Sparkling Seahorse

0 Answers Avg Quality 2/10

how to color svg image in css

Contents

More Related Answers