Как добавить свои иконки в sprites?

[cha0s]

Имеется такой sprites

 

 

 

 

иконки есть, как добавить вроде как тоже не проблема, но как потом их считать с него? вот образец работы как я понимаю

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata></metadata>
<defs>
<font id="rgenregular" horiz-adv-x="2048" vert-adv-y="2048" >
<font-face units-per-em="2048" ascent="1638" descent="-410" />
<missing-glyph horiz-adv-x="500" />
<glyph horiz-adv-x="0" vert-adv-y="0" />
<glyph unicode="
" />
<glyph unicode="Y" vert-adv-y="180" d="M2726 366h794v794h-794v-794zM2726 1572h794v794h-794v-794zM3932 366h794v794h-794v-794zM3932 1572h794v794h-794v-794z" />
</font>
</defs></svg> 

и когда я юзаю .social .image:before { content:'Y'; } то вставляется эта картинка, но блин как мне получить для своих картинок вставленных эти каракули(типа позиций?) или может есть что-то вспомогательное как собрать свой спрайт и получить эти позиции на контент?