.icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
}
.icon--sm { width: 14px; height: 14px; }
.icon--lg { width: 24px; height: 24px; }
.icon--xl { width: 32px; height: 32px; }
.icon--2xl { width: 40px; height: 40px; }

.icon--filled { fill: currentColor; stroke: none; }

.icon--primary { color: var(--primary-600); }
.icon--success { color: var(--success); }
.icon--error { color: var(--error); }
.icon--muted { color: var(--text-tertiary); }