Best way of spriting icons

Question

I'm creating an application from scratch using angular2, SCSS and gulp. I want to create high quality and responsive icons. Exploring the web I found the that there are 2 main techniques:

• image sprites
• fonts
• SVG sprites

As as far as I saw the way to go is SVG sprites, which seems also to be very useful also for accessibility.

Do you have experience on this? I'm thinking in automating the creating with gulp, with a folder of SVG's that creates a single sprite file and it's CSS file.

Basically I want to know:

• is this cross browser?
• can the SVG sprites be responsive?
• after creating the SVG sprite, how is the best way of using it on the HTML?

Thanks so much in advance!