[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */
/* ==========================================
Add to html by using the cls
{
  xtype: 'container',
  height: 40,
  width: 40,
  cls: 'icon-circle1'
},
========================================== */

.icon-circle1 {
  width: 0.880859375em;
  color: darkorange !important;
}
.icon-circle2 {
  width: 0.880859375em;
  color: darkorange !important;
}
.icon-circleExclamationFill {
  width: 0.880859375em;
  color: darkred !important;
}
.icon-circleTick {
  width: 0.880859375em;
  color: green !important;
}
.icon-circleTickFill {
  width: 0.880859375em;
  color: green !important;
}