Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="arrow">
  dsdasa
</div>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

@function svg-polygon($props) {
  $fill:    map-get($props, 'fill');
  $points:  map-get($props, 'points');

  @return '<polygon fill="#{$fill}" points="#{$points}"/>';
}
@function svg($svg...) {
  $res: '<svg xmlns="http://www.w3.org/2000/svg">';
  @each $el in $svg {
    $type: map-get($el, 'tag');
    @if 'polygon' {
      $res: $res + svg-polygon($el);
    }
  }
  @return $res + '</svg>';
}

.arrow {
    $svg: svg((
      (
        tag:  polygon,
        fill: green,
        points: (50,100 0,0 0,100)
      )
    ));
    background-image: url('data:image/svg+xml;utf8, #{$svg}')
}

SassMeister-output.css

.arrow {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"><polygon fill="green" points="50, 100 0, 0 0, 100"/></svg>');
}

SassMeister-rendered.html

<div class="arrow">
  dsdasa
</div>