.i8 {
  --i8-image: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  background: currentColor;
  -webkit-mask: var(--i8-image) center / contain no-repeat;
  mask: var(--i8-image) center / contain no-repeat;
  vertical-align: -.12em;
}

.i8-home { --i8-image: url('/assets/icons/ios-filled/home.png'); }
.i8-gift { --i8-image: url('/assets/icons/ios-filled/gift--v1.png'); }
.i8-wallet { --i8-image: url('/assets/icons/ios-filled/wallet--v1.png'); }
.i8-user { --i8-image: url('/assets/icons/ios-filled/user.png'); }
.i8-search { --i8-image: url('/assets/icons/ios-filled/search--v1.png'); }
.i8-fire { --i8-image: url('/assets/icons/ios-filled/fire-element.png'); }
.i8-percentage { --i8-image: url('/assets/icons/ios-filled/percentage.png'); }
.i8-time { --i8-image: url('/assets/icons/ios-filled/time.png'); }
.i8-scales { --i8-image: url('/assets/icons/ios-filled/scales.png'); }
.i8-document { --i8-image: url('/assets/icons/ios-filled/document.png'); }
.i8-privacy { --i8-image: url('/assets/icons/ios-filled/privacy.png'); }
.i8-play { --i8-image: url('/assets/icons/ios-filled/play--v1.png'); }
.i8-filled-star { --i8-image: url('/assets/icons/ios-filled/filled-star.png'); }
.i8-star { --i8-image: url('/assets/icons/ios-filled/star.png'); }
.i8-slot-machine { --i8-image: url('/assets/icons/ios-filled/slot-machine.png'); }
.i8-lightning-bolt { --i8-image: url('/assets/icons/ios-filled/lightning-bolt.png'); }
.i8-finish-flag { --i8-image: url('/assets/icons/ios-filled/finish-flag.png'); }
.i8-sparkling { --i8-image: url('/assets/icons/ios-filled/sparkling.png'); }
.i8-explosion { --i8-image: url('/assets/icons/ios-filled/explosion.png'); }
.i8-cash { --i8-image: url('/assets/icons/ios-filled/cash.png'); }
.i8-diamond { --i8-image: url('/assets/icons/ios-filled/diamond.png'); }
.i8-calendar { --i8-image: url('/assets/icons/ios-filled/calendar--v1.png'); }
.i8-add-user { --i8-image: url('/assets/icons/ios-filled/add-user-male.png'); }
.i8-level-up { --i8-image: url('/assets/icons/ios-filled/level-up.png'); }
.i8-goal { --i8-image: url('/assets/icons/ios-filled/goal.png'); }
.i8-crown { --i8-image: url('/assets/icons/ios-filled/crown.png'); }
.i8-plus { --i8-image: url('/assets/icons/ios-filled/plus-math.png'); }
.i8-task-completed { --i8-image: url('/assets/icons/ios-filled/task-completed.png'); }
.i8-withdrawal { --i8-image: url('/assets/icons/ios-filled/withdrawal.png'); }
.i8-refund { --i8-image: url('/assets/icons/ios-filled/refund.png'); }
.i8-approval { --i8-image: url('/assets/icons/ios-filled/approval.png'); }
.i8-invite { --i8-image: url('/assets/icons/ios-filled/invite.png'); }
.i8-external-link { --i8-image: url('/assets/icons/ios-filled/external-link.png'); }
.i8-refresh { --i8-image: url('/assets/icons/ios-filled/refresh.png'); }
.i8-dashboard { --i8-image: url('/assets/icons/ios-filled/dashboard.png'); }
.i8-conference { --i8-image: url('/assets/icons/ios-filled/conference.png'); }
.i8-discount { --i8-image: url('/assets/icons/ios-filled/discount.png'); }
.i8-chart { --i8-image: url('/assets/icons/ios-filled/combo-chart.png'); }
.i8-shield { --i8-image: url('/assets/icons/ios-filled/shield.png'); }
.i8-bank-cards { --i8-image: url('/assets/icons/ios-filled/bank-cards.png'); }
.i8-settings { --i8-image: url('/assets/icons/ios-filled/settings.png'); }
.i8-edit { --i8-image: url('/assets/icons/ios-filled/edit-property.png'); }
.i8-circled-play { --i8-image: url('/assets/icons/ios-filled/circled-play.png'); }
.i8-copy { --i8-image: url('/assets/icons/ios-filled/copy.png'); }
.i8-empty-box { --i8-image: url('/assets/icons/ios-filled/empty-box.png'); }
.i8-forward { --i8-image: url('/assets/icons/ios-filled/forward.png'); }
.i8-close { --i8-image: url('/assets/icons/ios-filled/delete-sign.png'); }
.i8-lock { --i8-image: url('/assets/icons/ios-filled/lock.png'); }
.i8-warning { --i8-image: url('/assets/icons/ios-filled/box-important.png'); }
.i8-coins { --i8-image: url('/assets/icons/ios-filled/coins.png'); }
.i8-safe { --i8-image: url('/assets/icons/ios-filled/safe.png'); }
.i8-back { --i8-image: url('/assets/icons/ios-filled/back.png'); }

.brand-icon {
  display: block;
  width: 1em;
  height: 1em;
  flex: none;
  object-fit: contain;
}