Как правильно делать fallback для svg в css стилях?
Можно написать так:.selector::before {
  content: "";
  background: url(fallback.png);
  background: url(background.svg);
}
Если браузер не поддерживает svg, он просто не применит второе правило.
Также можно установить библиотеку modernizr, которая будет проверять, поддерживает ли браузер svg. Если не поддерживает, данный плагин присвоит тегу html класс no-svg, на который мы можем опираться:.selector::before {
  content: "";
  background: url("background.svg");
}
.no-svg .selector::before {
  content: "";
  background: url("background.png");
}
Вот отличная статья  по фолбекам svg.
что такое fullback не знаю но то что Вы хотите делается через use 
и потом уже в css можно стилизовать , но svg не знает background так как там fillинформация по fillинформация по use