span.icon { vertical-align: middle; display: inline-block; }
span.icon svg { vertical-align: baseline; }


@mixin icon-color ($color) {
  span.icon svg {
    path, polygon, rect, circle { fill: $color; }
  }
}

@mixin icon-size ($size) {
  span.icon { width: $size; height: $size; }
}

@mixin icon($color, $size) {
  @include icon-color($color);
  @include icon-size($size);
}

@include icon-size(0.8em);