@layer components {
  .iconic {
    position: relative;

    &::after {
      content: "";
      position: absolute;
      inset: 0;
      mask-image: var(--image);
      mask-size: cover;
      background: currentcolor;
    }

    > img {
      visibility: hidden;
    }
  }
}