.$_el.x-icon {
  @if $icon_width !== 'auto' {
    width: $icon_width;
  }
  @unless $icon_margin?? {
    margin: $icon_margin;
  }
  @unless $icon_border_width?? || $icon_border_style?? {
    border-width: $icon_border_width;
    border-style: $icon_border_style;
    border-color: $icon_border_color;
  }
  @unless $icon_border_radius?? {
    border-radius: $icon_border_radius;
  }
  @if $icon_height !== 'auto' {
    height: $icon_height;
    line-height: $icon_height;
  }
  font-size: $icon_font_size;
  @unless $icon_text_shadow_dimensions?? {
    @if $icon_text_shadow_color === 'transparent' {
      text-shadow: none;
    }
    @if $icon_text_shadow_color !== 'transparent' {
      text-shadow: $icon_text_shadow_dimensions $icon_text_shadow_color;
    }
  }
  color: $icon_color;
  @if $icon_bg_color !== 'transparent' {
    background-color: $icon_bg_color;
  }
  @unless $icon_box_shadow_dimensions?? {
    @if $icon_box_shadow_color === 'transparent' {
      box-shadow: none;
    }
    @if $icon_box_shadow_color !== 'transparent' {
      box-shadow: $icon_box_shadow_dimensions $icon_box_shadow_color;
    }
  }
}