Добрый день коллеги!
Решил немного погрузиться в svg спрайты.
Создал в Illustrator новый файл, набросал из макета svg иконок, далее экспортировал "экспортировать как" дал имя sprite.svg. Потом выбрал следующие настройки:
![5b1b0f33de284827823eefb5a68058d8.png](https://habrastorage.org/files/5b1/b0f/33d/5b1b0f33de284827823eefb5a68058d8.png)
И попробовал через background-image подключить и отобразить одну из иконок.
получилось вот так:
![8b264e58ba6642d28c35b9347d01df4f.png](https://habrastorage.org/files/8b2/64e/58b/8b264e58ba6642d28c35b9347d01df4f.png)
подключил еще в разметке, надеясь получить иконку инстаграма:
<object type="image/svg+xml" width="100" height="100" data="/img/sprite.svg#instagram"></object>
что дало такой же результат как и выше на скрине.
Я так понимаю, я не правильно создаю спрайт, или сохраняю. Помогите мне советом добрым, как сделать так, что бы при указании через background-position: 20px 20px; показывалось именно то что находится по этим координатам и работала привязка id как в представленом выше коде.
Спасибо