Fill color svg image

Question

How properly use SVG images? I tried to change color of my white svg image but it does not affect.

HTML:

<div class="issue__favorite">
  <i class="favorite"></i>
</div>

SCSS:

.issue__favorite {
  .favorite {
    width: 17px;
    height: 16px;
    display: block;
    background-size: 17px 16px;
    background: url(../../../../../assets/images/icon-star.svg);      
  }
}

Edit:

Also is there a way to set border of figure, that's is in svg image?