/**
 * @file icon.css
 * Icon sizing: 16, 20, 24, 32px.
 */
.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon svg {
  display: block;
}

.icon--16, .icon--16 svg { width: 16px; height: 16px; }
.icon--20, .icon--20 svg { width: 20px; height: 20px; }
.icon--24, .icon--24 svg { width: 24px; height: 24px; }
.icon--32, .icon--32 svg { width: 32px; height: 32px; }