.icon.icon-black {
    background-color: var(--black);
}
.icon.icon-primary {
    background-color: var(--primary);
}
.icon.icon-primary-dark {
    background-color: #057daf;
}
.icon.icon-secondary {
    background-color: var(--secondary);
}
.icon.icon-success {
    background-color: var(--success);
}
.icon.icon-info {
    background-color: var(--info);
}
.icon.icon-warning {
    background-color: var(--warning);
}
.icon.icon-danger {
    background-color: var(--danger);
}
.icon.icon-light {
    background-color: var(--light);
}
.icon.icon-dark {
    background-color: var(--dark);
}
.icon-hover-white:hover > .icon {
    background-color: var(--white, #ffffff);
}
.icon.icon-check-circle-fill {
    -webkit-mask-image: url(../images/icons/check-circle-fill.svg);
    mask-image: url(../images/icons/check-circle-fill.svg);
}
.icon.icon-bitcoin {
    -webkit-mask-image: url(../images/icons/bitcoin.svg);
    mask-image: url(../images/icons/bitcoin.svg);
}
.icon.icon-bitcoin-footer {
    width: 0.9em;
    height: 1.4em;
    vertical-align: sub;
}
.icon.icon-paypal {
    -webkit-mask-image: url(../images/icons/paypal.svg);
    mask-image: url(../images/icons/paypal.svg);
}
.icon.icon-home {
    -webkit-mask-image: url(../images/icons/home.svg);
    mask-image: url(../images/icons/home.svg);
}
.icon.icon-download {
    -webkit-mask-image: url(../images/icons/download.svg);
    mask-image: url(../images/icons/download.svg);
}
.icon.icon-upload {
    -webkit-mask-image: url(../images/icons/upload.svg);
    mask-image: url(../images/icons/upload.svg);
}
.icon.icon-collapse {
    -webkit-mask-image: url(../images/icons/collapse.svg);
    mask-image: url(../images/icons/collapse.svg);
}
.icon.icon-map-marker {
    -webkit-mask-image: url(../images/icons/map-marker.svg);
    mask-image: url(../images/icons/map-marker.svg);
}
.icon-circle-plus {
    -webkit-mask-image: url(../images/icons/plus-circle.svg);
    mask-image: url(../images/icons/plus-circle.svg);
}
.icon-circle-minus {
    -webkit-mask-image: url(../images/icons/minus-circle.svg);
    mask-image: url(../images/icons/minus-circle.svg);
}
.icon-cross-outline {
    -webkit-mask-image: url(../images/icons/cross-outline.svg);
    mask-image: url(../images/icons/cross-outline.svg);
}