Как подключить svg спрайт в файл в html и css

Как подключить svg спрайт в файл в html и css

Есть сгенерированый svg спрайт - sprite.svg c symbol Если вставлять прямо в html, то все подключается отлично Но если подключать из файла (т.е. когда sprite.svg лежит в images) , то не отображается Почему не отображается иконка и как подключить в стили css иконку из спрайта?
Картинка вместо чекбокса

Картинка вместо чекбокса

Исходные чекбоксы в форме выглядят хотя и привычно, но уже несколько старомодно. Порой хочется вместо чекбокса использовать стильную картинку, которая лучше будет вписываться в существующий дизайн. С помощью CSS3 мы можем это сделать без всяких скриптов, при этом учтём и старые версии браузеров, в которых функционал формы должен сохраниться.