html: How to set a External SVG color in HTML using CSS?

lundi 13 juin 2016

I am trying to use SVG on my web page.

But it's color is black. So, I want it to be changed. So, I have done-

.red_color_svg
{
    color: red;
    border: 5px solid currentColor;
    fill: currentColor;
}

<object type="image/svg+xml" data="http://abrar.blockhunt.com/public/svg/heart_border.svg" class="weather_icon red_color_svg circle"></object>

To import heart_border.svg file and make its color red. But it does not work as you see i the output.

Can anyone help me please to solve this?

Thank you very much in advance for helping.

html