:host {
  display: inline-flex;
}

  :host * {
    box-sizing: border-box;
  }

.app-icon {
  position: relative;
  overflow: hidden;
  width: var(--swirl-app-icon-size);
  height: var(--swirl-app-icon-size);
  border-radius: var(--s-border-radius-sm);
}

.app-icon > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

.app-icon__icon {
  display: inline-flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}