.fa-swords::before,
.fa-coin::before,
.fa-bow-arrow::before,
.fa-cards::before,
.fa-book-heart::before {
    content: "" !important; 
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    vertical-align: -0.125em; 
}

.fa-swords::before {
    -webkit-mask: url("https://api.iconify.design/mdi/sword-cross.svg") no-repeat center / contain;
    mask: url("https://api.iconify.design/mdi/sword-cross.svg") no-repeat center / contain;
}

.fa-coin::before {
    -webkit-mask: url("https://api.iconify.design/ph/coin-fill.svg") no-repeat center / contain;
    mask: url("https://api.iconify.design/ph/coin-fill.svg") no-repeat center / contain;
}

.fa-bow-arrow::before {
    -webkit-mask: url("https://api.iconify.design/mdi/bow-arrow.svg") no-repeat center / contain;
    mask: url("https://api.iconify.design/mdi/bow-arrow.svg") no-repeat center / contain;
}

.fa-cards::before {
    -webkit-mask: url("https://api.iconify.design/mdi/cards-playing.svg") no-repeat center / contain;
    mask: url("https://api.iconify.design/mdi/cards-playing.svg") no-repeat center / contain;
}

.fa-book-heart::before {
    -webkit-mask: url("https://api.iconify.design/mdi/book-heart.svg") no-repeat center / contain;
    mask: url("https://api.iconify.design/mdi/book-heart.svg") no-repeat center / contain;
}