i.icon {
    display: inline-block;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}
i.icon.default {
    width: 1em;
    height: 1em;
    background-color: var(--color-text);
}
i.icon.building {
    -webkit-mask-image: url('../img/icons/building.svg');
    mask-image: url('../img/icons/building.svg');
}
i.icon.headphones {
    -webkit-mask-image: url('../img/icons/headphones.svg');
    mask-image: url('../img/icons/headphones.svg');
}

i.icon.flash {
    -webkit-mask-image: url('../img/icons/flash.svg');
    mask-image: url('../img/icons/flash.svg');
}
i.icon.charge {
    -webkit-mask-image: url('../img/icons/charge.svg');
    mask-image: url('../img/icons/charge.svg');
}
i.icon.powermeter {
    -webkit-mask-image: url('../img/icons/powermeter.svg');
    mask-image: url('../img/icons/powermeter.svg');
}
i.icon.calendar {
    -webkit-mask-image: url('../img/icons/calendar.svg');
    mask-image: url('../img/icons/calendar.svg');
}
i.icon.product {
    -webkit-mask-image: url('../img/icons/product.svg');
    mask-image: url('../img/icons/product.svg');
}
i.icon.user {
    -webkit-mask-image: url('../img/icons/user.svg');
    mask-image: url('../img/icons/user.svg');
}
i.icon.settings {
    -webkit-mask-image: url('../img/icons/settings.svg');
    mask-image: url('../img/icons/settings.svg');
}
i.icon.list {
    -webkit-mask-image: url('../img/icons/list.svg');
    mask-image: url('../img/icons/list.svg');
}
i.icon.billing {
    -webkit-mask-image: url('../img/icons/billing.svg');
    mask-image: url('../img/icons/billing.svg');
}
i.icon.invoice {
    -webkit-mask-image: url('../img/icons/invoice.svg');
    mask-image: url('../img/icons/invoice.svg');
}
i.icon.document {
    -webkit-mask-image: url('../img/icons/document.svg');
    mask-image: url('../img/icons/document.svg');
}
i.icon.save {
    -webkit-mask-image: url('../img/icons/save.svg');
    mask-image: url('../img/icons/save.svg');
}
i.icon.undo {
    -webkit-mask-image: url('../img/icons/undo.svg');
    mask-image: url('../img/icons/undo.svg');
}
i.icon.action {
    -webkit-mask-image: url('../img/icons/action.svg');
    mask-image: url('../img/icons/action.svg');
}
i.icon.dashboard {
    -webkit-mask-image: url('../img/icons/dashboard.svg');
    mask-image: url('../img/icons/dashboard.svg');
}
i.icon.info {
    -webkit-mask-image: url('../img/icons/info.svg');
    mask-image: url('../img/icons/info.svg');
}
i.icon.money {
    -webkit-mask-image: url('../img/icons/money.svg');
    mask-image: url('../img/icons/money.svg');
}
i.icon.nodes {
    -webkit-mask-image: url('../img/icons/nodes.svg');
    mask-image: url('../img/icons/nodes.svg');
}
i.icon.key {
    -webkit-mask-image: url('../img/icons/key.svg');
    mask-image: url('../img/icons/key.svg');
}
i.icon.globe {
    -webkit-mask-image: url('../img/icons/globe.svg');
    mask-image: url('../img/icons/globe.svg');
}
i.icon.copy {
    -webkit-mask-image: url('../img/icons/copy.svg');
    mask-image: url('../img/icons/copy.svg');
}

i.icon.xyz {
    -webkit-mask-image: url('../img/icons/xyz.svg');
    mask-image: url('../img/icons/xyz.svg');
}