@mixin icon($icon, $size-default: true) {
  font-icon: url('tema-design/icons/#{$icon}.svg');
  display: inline-block;
  font-style: normal;

  @if $size-default {
    font-size: $icon-size;
  }
}

@if length($enabled-icons) > 0 {
  i.icon {
    font-size: 0px;

    &:before {
      font-size: $icon-size;
      font-style: normal;
    }

    &.big:before {
      font-size: 2.5rem;
    }

    &.small:before {
      font-size:.8rem;
    }

    @each $icon in $enabled-icons {
      &.#{$icon}:before {
        @include icon($icon, false);
      }
    }
  }
}