soapbox/app/styles/components/icon.scss

.svg-icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;

  > svg {
    // Apparently this won't skew the image as long as it has a viewbox
    width: 100%;
    height: 100%;
  }
}

.icon-button > div {
  display: flex;
  align-items: center;
  justify-content: center;
}