Хранить несколько элементов в SVG и использовать их в качестве фона CSS?

Мне интересно, могу ли я создать несколько "кистей" в одном файле SVG и использовать их в моем CSS.

Прямо сейчас у меня есть один файл SVG, в котором градиент хранится в defs, и один прямоугольник, который его рисует. Затем я использую этот файл SVG в качестве фонового изображения в моем CSS. Он работает хорошо, но я бы предпочел не иметь миллиона отдельных файлов SVG. Я бы хотел совместить подобные "кисти" вместе в одном файле SVG может что-то вроде спрайтов CSS или XAML.

Есть ли способ сделать это? Если да, то какой синтаксис указать для фонового изображения CSS, какой элемент SVG из файла svg использовать?

Спасибо за любую помощь.