SVG спрайт очень перспективная технология за которой будущее веб графики и особенно иконок.

Расмотрим какими способами можно настроить переадресацию на Вашем сайте.

CSS-функция calc () позволяет выполнять вычисления при указании значений свойств CSS. Его можно использовать везде, где допустимы , , , , , или .

Переменные CSS - это объекты, определенные свойствами CSS, которые содержат конкретные значения, которые можно повторно использовать в документе. Переменные CSS подчиняются каскаду и наследуют свое значение от своего родителя.

Функция attr() CSS используется для получения значения атрибута выбранного элемента и использования его в таблице стилей. Он также может быть использован на псевдо-элементах, в этом случае возвращается значение атрибута на исходном элементе псевдо-элемента.

@supports CSS правило позволяет указать объявления, которые зависят от поддержки браузером одной или нескольких конкретных функций CSS. Это называется запросом компонента. Правило может быть размещено на верхнем уровне кода или вложено в любую другую условную группу. Отдельные стили для говнобраузера через supports - смотреть

@document CSS правило ограничивает содержащиеся в нем правила стиля на основе URL документа.

Правило CSS @media можно использовать для применения части таблицы стилей на основе результатов одного или нескольких медиа-запросов по определению размеров екрана или типа устройства.

Правило CSS @keyframes управляет промежуточными шагами в последовательности анимации CSS, определяя стили для ключевых кадров (или путевых точек) вдоль последовательности анимации. Это дает больший контроль над промежуточными шагами последовательности анимации, чем переходами.

@import правила в CSS используются для подключения дополнительный стилей из других документов стилей.