.icon {
  display: inline-block;
  /* width: 1em;
  height: 1em; */
  width: 30px;
  height: 30px;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */
.icon-arrow_right{
  height: 1em;
  transform-origin: left center;
}
.icon-arrow_right use{
  transform: translateX(-8px) scale(1.89);
  transform-origin: 20% center;
}
.icon-arrow_left{
  height: 1em;
  transform-origin: right center;
}
.icon-arrow_left use{
  transform: translateX(8px) scale(1.89);
  transform-origin: 80% center;
}