使用sass mixin将svgs添加为：after元素

Question

我正在创建一个页面，我在其中使用SCSS mixins使某些:after代码工作并看起来更好。我有一些:after元素要用作.svg文件作为背景图片。我创建了这个（在这里简化）：

@mixin svgIcons($icons.svg) {
 $:after {
  content: "";
  background: url(svg/$icons);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
 }
}

.container-1 {
 @include svgIcons();
}

这不起作用，因为我无法在参数内传递.svg（我得到一个错误），并且我试图添加完整路径，但也不能编译。 我现在想知道如何在参数内或background: url()字段内传递.svg。我这样做是为了使代码更好地工作，并且我得到了许多需要作为背景的svg，因此这将有所帮助。关于如何最好地实现这一目标的任何想法？