.fas, .far, .fal, .fad, .fab {


}


.sicon {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    text-align: center;
    > svg {
      width: auto;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
    }
    .st0 {
      fill: $white;
    }
    .st1 {
      fill: none;
      stroke: $white;
      stroke-width: 1.3;
      stroke-linecap: round;
      stroke-miterlimit: 10;
      &-3 {
        stroke-width: 1.3;
      }
      &-5 {
        stroke-width: 1.5;
      }
    }
    .st2 {
      fill: none;
      stroke: $white;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      &-5 {
        stroke-width: 2.5;
      }
    }
    .st3 {
      fill: none;
      stroke: $white;
    }
    &.dark, &.social {
        .st0 {
            fill: $dark;
        }
        .st1, .st2, .st3 {
            stroke: $dark;
        }
    } 
    &.primary {
        .st0 {
            fill: $primary;
        }
        .st1, .st2, .st3 {
            stroke: $primary;
        }
    }
    &.link, &.secondary {
        .st0 {
            fill: $secondary;
        }
        .st1, .st2, .st3 {
            stroke: $secondary;
        }
    }
  }