'Apply styles to svg

Good afternoon! Implemented a custom carousel, I need to change the link style of the svg icon, by the value of the variable. How can without breaking design set style background:(/assets/images/icons/arrow_radius.svg)

MY COMPONENT 
<owl-carousel-o class="custom-carousel" [options]="carouselOptions">
      <ng-container *ngFor="let product of bestSellerProducts">
        <ng-template  carouselSlide>
          <app-product-item
            [product]="product"
            [doubleClickEnabled]="true"
            (onAddToCart)="addToCart($event)"
            ></app-product-item>
        </ng-template>
      </ng-container>
    </owl-carousel-o>

MY SCSS

.custom-carousel {
  display: block;
  margin: auto;
  width: 100%;
  .owl-nav {
    height: 0;
    margin: 0;


    @mixin flexiblecursor() {
      position: absolute;
      width: 38px;
      height: 70px;
      top: 40%;
      background: url(/assets/images/icons/arrow_radius.svg) !important;
    }


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source