af-icon {
  display: inline-grid;
  width: 1.25em;
  height: 1.25em;
  flex: 0 0 auto;
  place-items: center;
  color: inherit;
  vertical-align: -0.18em;
}

af-icon > svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: currentColor;
}

af-icon.af-icon--sm { width: 1em; height: 1em; }
af-icon.af-icon--lg { width: 2em; height: 2em; }