.icon {
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon-tiny {
  width: 18px;
  height: 18px;
}

.icon-xsm {
  width: 20px;
  height: 20px;
}

.icon-sm {
  width: 22px;
  height: 22px;
}

.icon-md { 
  width: 24px;
  height: 24px;
}

.icon-lg {
  width: 26px;
  height: 26px;
}

.icon-light {
  fill: #fbfbfb
}

.icon-dark {
  fill: #232629
}


/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */

.icon-facebook-square {
  width: 0.8571428571428571em;
}

.icon-twitter {
  width: 0.9285714285714285em;
}

.icon-bars {
  width: 0.8571428571428571em;
}

.icon-user {
  width: 0.7142857142857142em;
}

.icon-user-circle {
  width: 0.3142857142857142em;
}

.icon-info-circle {
  width: 0.8571428571428571em;
}

.icon-shopping-cart {
  width: 0.9285714285714285em;
}

.icon-money {
  width: 1.0714285714285714em;
}

.icon-gavel {
  width: 1.0105714285714285em;
}

.icon-images {
  width: 1.125em;
}