.iconix {
    width: 1.5rem;
    height: 1.5rem;
    background-color: black;
    display: inline-block;
}

.iconix-xs {
    height: 0.8rem;
    width: 0.8rem;
}

.iconix-sm {
    height: 1rem;
    width: 1rem;
}

.iconix-md {
    height: 1.5rem;
    width: 1.5rem;
}

.iconix-lg {
    height: 4rem;
    width: 4rem;
}

.iconix-add {
    -webkit-mask: url(/Assets/icons/Iconix-Add.svg);
    mask: url(/Assets/icons/Iconix-Add.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-appearance {
    -webkit-mask: url(/Assets/icons/Iconix-Appearance.svg);
    mask: url(/Assets/icons/Iconix-Appearance.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-back {
    -webkit-mask: url(/Assets/icons/Iconix-Back.svg);
    mask: url(/Assets/icons/Iconix-Back.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-sms-back {
    -webkit-mask: url(/Assets/icons/Iconix-Sms-Back.svg);
    mask: url(/Assets/icons/Iconix-Sms-Back.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-calendar {
    -webkit-mask: url(/Assets/icons/Iconix-Calendar.svg);
    mask: url(/Assets/icons/Iconix-Calendar.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-dialpad {
    -webkit-mask: url(/Assets/icons/Iconix-Dialpad.svg);
    mask: url(/Assets/icons/Iconix-Dialpad.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-dropdown {
    -webkit-mask: url(/Assets/icons/Iconix-Dropdown.svg);
    mask: url(/Assets/icons/Iconix-Dropdown.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-edit {
    -webkit-mask: url(/Assets/icons/Iconix-Edit.svg);
    mask: url(/Assets/icons/Iconix-Edit.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-filter {
    -webkit-mask: url(/Assets/icons/Iconix-Filter.svg);
    mask: url(/Assets/icons/Iconix-Filter.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-guide {
    -webkit-mask: url(/Assets/icons/Iconix-Guide.svg);
    mask: url(/Assets/icons/Iconix-Guide.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-hangup {
    -webkit-mask: url(/Assets/icons/Iconix-Hangup.svg);
    mask: url(/Assets/icons/Iconix-Hangup.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-home {
    -webkit-mask: url(/Assets/icons/Iconix-Home.svg);
    mask: url(/Assets/icons/Iconix-Home.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-list {
    -webkit-mask: url(/Assets/icons/Iconix-List.svg);
    mask: url(/Assets/icons/Iconix-List.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-logout {
    -webkit-mask: url(/Assets/icons/Iconix-Logout.svg);
    mask: url(/Assets/icons/Iconix-Logout.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-mail {
    -webkit-mask: url(/Assets/icons/Iconix-Mail.svg);
    mask: url(/Assets/icons/Iconix-Mail.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-multiparty {
    -webkit-mask: url(/Assets/icons/Iconix-Multiparty.svg);
    mask: url(/Assets/icons/Iconix-Multiparty.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-mute {
    -webkit-mask: url(/Assets/icons/Iconix-Mute.svg);
    mask: url(/Assets/icons/Iconix-Mute.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-notifications {
    -webkit-mask: url(/Assets/icons/Iconix-Notifications.svg);
    mask: url(/Assets/icons/Iconix-Notifications.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-pause {
    -webkit-mask: url(/Assets/icons/Iconix-Pause.svg);
    mask: url(/Assets/icons/Iconix-Pause.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-phone {
    -webkit-mask: url(/Assets/icons/Iconix-Phone.svg);
    mask: url(/Assets/icons/Iconix-Phone.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-profile {
    -webkit-mask: url(/Assets/icons/Iconix-Profile.svg);
    mask: url(/Assets/icons/Iconix-Profile.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-record {
    -webkit-mask: url(/Assets/icons/Iconix-Record.svg);
    mask: url(/Assets/icons/Iconix-Record.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-search {
    -webkit-mask: url(/Assets/icons/Iconix-Search.svg);
    mask: url(/Assets/icons/Iconix-Search.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-settings {
    -webkit-mask: url(/Assets/icons/Iconix-Settings.svg);
    mask: url(/Assets/icons/Iconix-Settings.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-send {
    -webkit-mask: url(/Assets/icons/Iconix-Send.svg);
    mask: url(/Assets/icons/Iconix-Send.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-shortcuts {
    -webkit-mask: url(/Assets/icons/Iconix-Shortcuts.svg);
    mask: url(/Assets/icons/Iconix-Shortcuts.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-smartphone {
    -webkit-mask: url(/Assets/icons/Iconix-Smartphone.svg);
    mask: url(/Assets/icons/Iconix-Smartphone.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-sms {
    -webkit-mask: url(/Assets/icons/Iconix-SMS.svg);
    mask: url(/Assets/icons/Iconix-SMS.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-sort {
    -webkit-mask: url(/Assets/icons/Iconix-Sort.svg);
    mask: url(/Assets/icons/Iconix-Sort.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-switch {
    -webkit-mask: url(/Assets/icons/Iconix-Switch.svg);
    mask: url(/Assets/icons/Iconix-Switch.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-data {
    -webkit-mask: url(/Assets/icons/Iconix-data.svg);
    mask: url(/Assets/icons/Iconix-data.svg);
    -webkit-mask-position-x: 50%;
    mask-repeat: no-repeat;
}


.iconix-transfer {
    -webkit-mask: url(/Assets/icons/Iconix-Transfer.svg);
    mask: url(/Assets/icons/Iconix-Transfer.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-trash {
    -webkit-mask: url(/Assets/icons/Iconix-Trash.svg);
    mask: url(/Assets/icons/Iconix-Trash.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-unmute {
    -webkit-mask: url(/Assets/icons/Iconix-Unmute.svg);
    mask: url(/Assets/icons/Iconix-Unmute.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-upload {
    -webkit-mask: url(/Assets/icons/Iconix-Upload.svg);
    mask: url(/Assets/icons/Iconix-Upload.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-forwarded {
    -webkit-mask: url(/Assets/icons/Iconix-Forwarded.svg);
    mask: url(/Assets/icons/Iconix-Forwarded.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-share {
    -webkit-mask: url(/Assets/icons/Iconix-Share.svg);
    mask: url(/Assets/icons/Iconix-Share.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-users {
    -webkit-mask: url(/Assets/icons/Iconix-Users.svg);
    mask: url(/Assets/icons/Iconix-Users.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-lock {
    -webkit-mask: url(/Assets/icons/Iconix-Lock.svg);
    mask: url(/Assets/icons/Iconix-Lock.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-cross-round {
    -webkit-mask: url(/Assets/icons/Iconix-Cross_round.svg);
    mask: url(/Assets/icons/Iconix-Cross_round.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-box {
    -webkit-mask: url(/Assets/icons/Iconix-Box.svg);
    mask: url(/Assets/icons/Iconix-Box.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.iconix-x {
    -webkit-mask: url(/Assets/icons/Iconix-X.svg);
    mask: url(/Assets/icons/Iconix-X.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.office-teams {
    background: url(/Assets/icons/Microsoft_Office_Teams.svg);
    background-color: unset !important;
}
