@mixin svg($className, $color, $d) {
  .#{$className} {
    $svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Ctitle%3Ealpha-i-box-outline%3C/title%3E%3Cpath d="#{$d}" /%3E%3C/svg%3E');
    mask: $svg no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: $svg no-repeat;
    -webkit-mask-size: 100% 100%;
    height: 20px;
    width: 20px;
    background-color: #{$color};
  }
}