:root{
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
}

.icon{
  width: var(--icon-md);
  height: var(--icon-md);
  display: inline-block;
  flex: 0 0 auto;
  color: currentColor; /* herda do pai */
}

.icon--sm{ width: var(--icon-sm); height: var(--icon-sm); }
.icon--md{ width: var(--icon-md); height: var(--icon-md); }
.icon--lg{ width: var(--icon-lg); height: var(--icon-lg); }