i.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  font-style: normal;
  position: relative;
}
i.icon.icon-back {
  width: 12px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z'%20fill%3D'%23007aff'/%3E%3C/svg%3E");
}
i.icon.icon-forward {
  width: 12px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill%3D'%23007aff'/%3E%3C/svg%3E");
}