.icon-mask {
    display: inline-block;
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.nav-item__chevron {
    mask-image: url('/icons/chevron-down.svg');
    -webkit-mask-image: url('/icons/chevron-down.svg');
}

.nav-toggle__icon {
    width: 20px;
    height: 20px;
}
.nav-toggle__icon--open {
    mask-image: url('/icons/menu.svg');
    -webkit-mask-image: url('/icons/menu.svg');
}
.nav-toggle__icon--close {
    mask-image: url('/icons/close.svg');
    -webkit-mask-image: url('/icons/close.svg');
}

.icon--chevron-down {
    mask-image: url('/icons/chevron-down.svg');
    -webkit-mask-image: url('/icons/chevron-down.svg');
}
.icon--close {
    mask-image: url('/icons/close.svg');
    -webkit-mask-image: url('/icons/close.svg');
}