пример из style.css background: url("img/whatWeDo/what-back-corner1.svg") left 50% no-repeat, url("img/whatWeDo/what-back-corner2.svg") right bottom no-repeat, #f5f5f5; в бэкграунде две картинки svg с указанием их положения и задан цвет фона.
Там мало их в символы объединить. Такое многие npm инструменты умеют. Там еще надо смещения между ними посчитать для поддержки некоторых браузеров. И ссылки <use xlink:href="#zoom_" style="fill: #fff;" width="64" height="64" x="0" y="1830"></use> сформировать, с учетом смещения