.ic {
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.2em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
.ic > * { fill: inherit; stroke: inherit; }
.ic-sm  { width: 1em;     height: 1em; }
.ic-md  { width: 1.5em;   height: 1.5em; }
.ic-lg  { width: 2em;     height: 2em; }
.ic-xl  { width: 3em;     height: 3em; }
.ic-2xl { width: 4em;     height: 4em; }
.ic-accent { color: #3a64e8; }
.ic-muted  { color: #7a849a; }
.ic-danger { color: #ff6b6b; }
.ic-warn   { color: #fcc419; }
.ic-info   { color: #339af0; }