.feather4 {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width: 14px;
    height: 14px;
}

i.feather4:after {
    content: "\2001";
}

nav.bg-dark .nav-item i.feather4 {
    filter: invert(90%);
}

nav.bg-dark .nav-item:hover i.feather4 {
    filter: invert(100%);
}

nav.bg-dark .nav-item.active i.feather4 {
    filter: invert(100%);
}

.f4-icon-database {
    background-image: url('feather4/database.svg');
}

.f4-icon-cold {
    background-image: url('feather4/cold.svg');
}

.f4-icon-steam {
    background-image: url('feather4/steam.svg');
}

.f4-icon-dollar-sign {
    background-image: url('feather4/dollar-sign.svg');
}

.f4-icon-building {
    background-image: url('feather4/building.svg');
}

.f4-icon-microsoft {
    background-image: url('feather4/microsoft.svg');
}

.f4-icon-shopping-bag {
    background-image: url('feather4/shopping-bag.svg');
}

.f4-icon-shopping-cart {
    background-image: url('feather4/shopping-cart.svg');
}

.f4-icon-shopping-cart-order {
    background-image: url('feather4/shopping-cart-order.svg');
}
.f4-icon-package {
    background-image: url('feather4/package.svg');
}
.f4-icon-eye {
    background-image: url('feather4/eye.svg');
}