.icon {
  display: inline-block;
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}

.icon--extra-small {
  height: var(--icon-size-xs);
  width: var(--icon-size-xs);
}

.icon--small {
  height: var(--icon-size-sm);
  width: var(--icon-size-sm);
}

.icon--large {
  height: var(--icon-size-lg);
  width: var(--icon-size-lg);
}

.icon--extra-large {
  height: var(--icon-size-xl);
  width: var(--icon-size-xl);
}

.icon--facebook {
  color: var(--color-facebook);
}

.icon--twitter {
  color: var(--color-twitter);
}

.icon--rss {
  color: var(--color-rss);
}