.icon-container {
    display: inline-block;
    height: var(--control-size);
    min-width: var(--control-size);
}

    .icon-container .icon {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .btn.btn-icon-before::before,
    .btn.btn-icon-after::after,
    .icon-container .icon {
        mask-repeat: no-repeat;
    }

        .btn.btn-icon-before.icon-arrow-left-circled::before,
        .btn.btn-icon-after.icon-arrow-left-circled::after,
        .icon-container .icon.icon-arrow-left-circled {
            -webkit-mask-image: url('/Content/symbols/arrow_left_circled.svg');
            mask-image: url('/Content/symbols/arrow_left_circled.svg');
        }

        .btn.btn-icon-before.icon-arrow-right-circled::before,
        .btn.btn-icon-after.icon-arrow-right-circled::after,
        .icon-container .icon.icon-arrow-right-circled {
            -webkit-mask-image: url('/Content/symbols/arrow_right_circled.svg');
            mask-image: url('/Content/symbols/arrow_right_circled.svg');
        }

        .btn.btn-icon-before.icon-bars-3::before,
        .btn.btn-icon-after.icon-bars-3::after,
        .icon-container .icon.icon-bars-3 {
            -webkit-mask-image: url('/Content/symbols/bars_3.svg');
            mask-image: url('/Content/symbols/bars_3.svg');
        }

        .btn.btn-icon-before.icon-bars-arrow-down::before,
        .btn.btn-icon-after.icon-bars-arrow-down::after,
        .icon-container .icon.icon-bars-arrow-down {
            -webkit-mask-image: url('/Content/symbols/bars_arrow_down.svg');
            mask-image: url('/Content/symbols/bars_arrow_down.svg');
        }

        .btn.btn-icon-before.icon-bars-arrow-up::before,
        .btn.btn-icon-after.icon-bars-arrow-up::after,
        .icon-container .icon.icon-bars-arrow-up {
            -webkit-mask-image: url('/Content/symbols/bars_arrow_up.svg');
            mask-image: url('/Content/symbols/bars_arrow_up.svg');
        }

        .btn.btn-icon-before.icon-building::before,
        .btn.btn-icon-after.icon-building::after,
        .icon-container .icon.icon-building {
            -webkit-mask-image: url('/Content/symbols/building.svg');
            mask-image: url('/Content/symbols/building.svg');
        }

        .btn.btn-icon-before.icon-building-library::before,
        .btn.btn-icon-after.icon-building-library::after,
        .icon-container .icon.icon-building-library {
            -webkit-mask-image: url('/Content/symbols/building_library.svg');
            mask-image: url('/Content/symbols/building_library.svg');
        }

        .btn.btn-icon-before.icon-building-office::before,
        .btn.btn-icon-after.icon-building-office::after,
        .icon-container .icon.icon-building-office {
            -webkit-mask-image: url('/Content/symbols/building_office.svg');
            mask-image: url('/Content/symbols/building_office.svg');
        }

        .btn.btn-icon-before.icon-calculator::before,
        .btn.btn-icon-after.icon-calculator::after,
        .icon-container .icon.icon-calculator {
            -webkit-mask-image: url('/Content/symbols/calculator.svg');
            mask-image: url('/Content/symbols/calculator.svg');
        }

        .btn.btn-icon-before.icon-calendar::before,
        .btn.btn-icon-after.icon-calendar::after,
        .icon-container .icon.icon-calendar {
            -webkit-mask-image: url('/Content/symbols/calendar.svg');
            mask-image: url('/Content/symbols/calendar.svg');
        }

        .btn.btn-icon-before.icon-cart::before,
        .btn.btn-icon-after.icon-cart::after,
        .icon-container .icon.icon-cart {
            -webkit-mask-image: url('/Content/symbols/cart.svg');
            mask-image: url('/Content/symbols/cart.svg');
        }

        .btn.btn-icon-before.icon-chevron-double-down::before,
        .btn.btn-icon-after.icon-chevron-double-down::after,
        .icon-container .icon.icon-chevron-double-down {
            -webkit-mask-image: url('/Content/symbols/chevron_double_down.svg');
            mask-image: url('/Content/symbols/chevron_double_down.svg');
        }

        .btn.btn-icon-before.icon-chevron-double-up::before,
        .btn.btn-icon-after.icon-chevron-double-up::after,
        .icon-container .icon.icon-chevron-double-up {
            -webkit-mask-image: url('/Content/symbols/chevron_double_up.svg');
            mask-image: url('/Content/symbols/chevron_double_up.svg');
        }

        .btn.btn-icon-before.icon-chevron-down::before,
        .btn.btn-icon-after.icon-chevron-down::after,
        .icon-container .icon.icon-chevron-down {
            -webkit-mask-image: url('/Content/symbols/chevron_down.svg');
            mask-image: url('/Content/symbols/chevron_down.svg');
        }

        .btn.btn-icon-before.icon-chevron-up::before,
        .btn.btn-icon-after.icon-chevron-up::after,
        .icon-container .icon.icon-chevron-up {
            -webkit-mask-image: url('/Content/symbols/chevron_up.svg');
            mask-image: url('/Content/symbols/chevron_up.svg');
        }

        .btn.btn-icon-before.icon-close::before,
        .btn.btn-icon-after.icon-close::after,
        .icon-container .icon.icon-close {
            -webkit-mask-image: url('/Content/symbols/close.svg');
            mask-image: url('/Content/symbols/close.svg');
        }

        .btn.btn-icon-before.icon-cog::before,
        .btn.btn-icon-after.icon-cog::after,
        .icon-container .icon.icon-cog {
            -webkit-mask-image: url('/Content/symbols/cog.svg');
            mask-image: url('/Content/symbols/cog.svg');
        }

        .btn.btn-icon-before.icon-credit-card::before,
        .btn.btn-icon-after.icon-credit-card::after,
        .icon-container .icon.icon-credit-card {
            -webkit-mask-image: url('/Content/symbols/credit_card.svg');
            mask-image: url('/Content/symbols/credit_card.svg');
        }

        .btn.btn-icon-before.icon-cube::before,
        .btn.btn-icon-after.icon-cube::after,
        .icon-container .icon.icon-cube {
            -webkit-mask-image: url('/Content/symbols/cube.svg');
            mask-image: url('/Content/symbols/cube.svg');
        }

        .btn.btn-icon-before.icon-document-check::before,
        .btn.btn-icon-after.icon-document-check::after,
        .icon-container .icon.icon-document-check {
            -webkit-mask-image: url('/Content/symbols/document_check.svg');
            mask-image: url('/Content/symbols/document_check.svg');
        }

        .btn.btn-icon-before.icon-envelope::before,
        .btn.btn-icon-after.icon-envelope::after,
        .icon-container .icon.icon-envelope {
            -webkit-mask-image: url('/Content/symbols/envelope.svg');
            mask-image: url('/Content/symbols/envelope.svg');
        }

        .btn.btn-icon-before.icon-identification::before,
        .btn.btn-icon-after.icon-identification::after,
        .icon-container .icon.icon-identification {
            -webkit-mask-image: url('/Content/symbols/identification.svg');
            mask-image: url('/Content/symbols/identification.svg');
        }

        .btn.btn-icon-before.icon-map::before,
        .btn.btn-icon-after.icon-map::after,
        .icon-container .icon.icon-map {
            -webkit-mask-image: url('/Content/symbols/map.svg');
            mask-image: url('/Content/symbols/map.svg');
        }

        .btn.btn-icon-before.icon-power::before,
        .btn.btn-icon-after.icon-power::after,
        .icon-container .icon.icon-power {
            -webkit-mask-image: url('/Content/symbols/power.svg');
            mask-image: url('/Content/symbols/power.svg');
        }

        .btn.btn-icon-before.icon-question::before,
        .btn.btn-icon-after.icon-question::after,
        .icon-container .icon.icon-question {
            -webkit-mask-image: url('/Content/symbols/question.svg');
            mask-image: url('/Content/symbols/question.svg');
        }

        .btn.btn-icon-before.icon-refresh::before,
        .btn.btn-icon-after.icon-refresh::after,
        .icon-container .icon.icon-refresh {
            -webkit-mask-image: url('/Content/symbols/refresh.svg');
            mask-image: url('/Content/symbols/refresh.svg');
        }

        .btn.btn-icon-before.icon-server-stack::before,
        .btn.btn-icon-after.icon-server-stack::after,
        .icon-container .icon.icon-server-stack {
            -webkit-mask-image: url('/Content/symbols/server_stack.svg');
            mask-image: url('/Content/symbols/server_stack.svg');
        }

        .btn.btn-icon-before.icon-shield-checked::before,
        .btn.btn-icon-after.icon-shield-checked::after,
        .icon-container .icon.icon-shield-checked {
            -webkit-mask-image: url('/Content/symbols/shield_checked.svg');
            mask-image: url('/Content/symbols/shield_checked.svg');
        }

        .btn.btn-icon-before.icon-shield-checked::before,
        .btn.btn-icon-after.icon-shield-checked::after,
        .icon-container .icon.icon-shield-checked {
            -webkit-mask-image: url('/Content/symbols/shield_checked.svg');
            mask-image: url('/Content/symbols/shield_checked.svg');
        }

        .btn.btn-icon-before.icon-shield-exclamation::before,
        .btn.btn-icon-after.icon-shield-exclamation::after,
        .icon-container .icon.icon-shield-exclamation {
            -webkit-mask-image: url('/Content/symbols/shield_exclamation.svg');
            mask-image: url('/Content/symbols/shield_exclamation.svg');
        }

        .btn.btn-icon-before.icon-squares-2x2::before,
        .btn.btn-icon-after.icon-squares-2x2::after,
        .icon-container .icon.icon-squares-2x2 {
            -webkit-mask-image: url('/Content/symbols/squares_2x2.svg');
            mask-image: url('/Content/symbols/squares_2x2.svg');
        }

        .btn.btn-icon-before.icon-trash::before,
        .btn.btn-icon-after.icon-trash::after,
        .icon-container .icon.icon-trash {
            -webkit-mask-image: url('/Content/symbols/trash.svg');
            mask-image: url('/Content/symbols/trash.svg');
        }

        .btn.btn-icon-before.icon-user::before,
        .btn.btn-icon-after.icon-user::after,
        .icon-container .icon.icon-user {
            -webkit-mask-image: url('/Content/symbols/user.svg');
            mask-image: url('/Content/symbols/user.svg');
        }

        .btn.btn-icon-before.icon-wallet::before,
        .btn.btn-icon-after.icon-wallet::after,
        .icon-container .icon.icon-wallet {
            -webkit-mask-image: url('/Content/symbols/wallet.svg');
            mask-image: url('/Content/symbols/wallet.svg');
        }

        .btn.btn-icon-before.icon-x-circle::before,
        .btn.btn-icon-after.icon-x-circle::after,
        .icon-container .icon.icon-x-circle {
            -webkit-mask-image: url('/Content/symbols/x_circle.svg');
            mask-image: url('/Content/symbols/x_circle.svg');
        }