@layer genr.component {
    .icon {
        display: inline-block;
        pointer-events: none;
        fill: currentColor;
    }

    .icon--sm {
      width: 1rem;
      height: 1rem;
    }

    /* .icon--md {  } */

    .icon--lg {
      width: 2rem;
      height: 2rem;
    }

    .icon--xl {
      width: 3rem;
      height: 3rem;
    }

    .icon--2xl {
      width: 5rem;
      height: 5rem;
    }

    .icon--3xl {
      width: 7.5rem;
      height: 7.5rem;
    }
}