.pony-icon { display:inline-block; width:32px; height:32px; background:currentColor; mask-size:contain; mask-position:center; mask-repeat:no-repeat; -webkit-mask-size:contain; -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; vertical-align:middle; }
.pony-icon--diamond { mask-image:url("../icons/reference/diamond.svg"); -webkit-mask-image:url("../icons/reference/diamond.svg"); }
.pony-icon--leaf { mask-image:url("../icons/reference/leaf.svg"); -webkit-mask-image:url("../icons/reference/leaf.svg"); }
.pony-icon--person { mask-image:url("../icons/reference/person.svg"); -webkit-mask-image:url("../icons/reference/person.svg"); }
.pony-icon--star { mask-image:url("../icons/reference/star.svg"); -webkit-mask-image:url("../icons/reference/star.svg"); }
.pony-icon--scissors { mask-image:url("../icons/reference/scissors.svg"); -webkit-mask-image:url("../icons/reference/scissors.svg"); }
.pony-icon--palette { mask-image:url("../icons/reference/palette.svg"); -webkit-mask-image:url("../icons/reference/palette.svg"); }
.pony-icon--waves { mask-image:url("../icons/reference/waves.svg"); -webkit-mask-image:url("../icons/reference/waves.svg"); }
.pony-icon--comb { mask-image:url("../icons/reference/comb.svg"); -webkit-mask-image:url("../icons/reference/comb.svg"); }
.pony-icon--sparkle { mask-image:url("../icons/reference/sparkle.svg"); -webkit-mask-image:url("../icons/reference/sparkle.svg"); }
.pony-icon--chain { mask-image:url("../icons/reference/chain.svg"); -webkit-mask-image:url("../icons/reference/chain.svg"); }
.pony-icon--lotus { mask-image:url("../icons/reference/lotus.svg"); -webkit-mask-image:url("../icons/reference/lotus.svg"); }
.pony-icon--pin { mask-image:url("../icons/reference/pin.svg"); -webkit-mask-image:url("../icons/reference/pin.svg"); }
.pony-icon--clock { mask-image:url("../icons/reference/clock.svg"); -webkit-mask-image:url("../icons/reference/clock.svg"); }
.pony-icon--phone { mask-image:url("../icons/reference/phone.svg"); -webkit-mask-image:url("../icons/reference/phone.svg"); }
.pony-icon--mail { mask-image:url("../icons/reference/mail.svg"); -webkit-mask-image:url("../icons/reference/mail.svg"); }
.pony-icon--chat { mask-image:url("../icons/reference/chat.svg"); -webkit-mask-image:url("../icons/reference/chat.svg"); }
.pony-icon--info { mask-image:url("../icons/reference/info.svg"); -webkit-mask-image:url("../icons/reference/info.svg"); }
.pony-icon--crown { mask-image:url("../icons/reference/crown.svg"); -webkit-mask-image:url("../icons/reference/crown.svg"); }
.pony-icon--people { mask-image:url("../icons/reference/people.svg"); -webkit-mask-image:url("../icons/reference/people.svg"); }
.pony-icon--arrow { mask-image:url("../icons/reference/arrow.svg"); -webkit-mask-image:url("../icons/reference/arrow.svg"); }