@each $size, $length in (
        0: .5rem,
        1: ($spacer * .6),
        2: ($spacer * .8),
        3: $spacer,
        4: ($spacer * 1.5),
        5: ($spacer * 3),
        6: ($spacer * 4),
        7: ($spacer * 5),
)
{
  .icon-size-#{$size} {
    //min-height: 100%;
    //min-width: 100%;
    height: $length * 1.5;
    width: auto;
  }

  .lottie-size-#{$size} {
    //min-height: 100%;
    //min-width: 100%;
    height: $length * 1.5 !important;
    width: $length * 1.5 !important;
  }

  @each $breakpoint in map-keys($grid-breakpoints) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    @if ($infix != '') {
      @include media-breakpoint-up($breakpoint) {
        .icon-size#{$infix}-#{$size} {
          height: $length * 1.5 !important;
          width: auto;
        }
      }

      @include media-breakpoint-down($breakpoint) {
        .icon-size#{$infix}-d-#{$size} {
          height: $length * 1.5 !important;
          width: auto;
        }
      }
    }
  }
}
