Die beste Art, Symbole zu zeichnen ⇐ CSS

[Guest]

Ich erstelle eine Anwendung von Grund auf mit Angular2, SCSS und Gulp.
Ich möchte hochwertige und reaktionsfähige Symbole erstellen. Als ich das Web erkundete, stellte ich fest, dass es zwei Haupttechniken gibt:

• Bild-Sprites
• Schriftarten
• SVG-Sprites

Soweit ich es gesehen habe, sind SVG-Sprites der richtige Weg, was auch für sehr nützlich zu sein scheint Barrierefreiheit.
Haben Sie Erfahrung damit? Ich denke darüber nach, die Erstellung mit gulp zu automatisieren, mit einem SVG-Ordner, der eine einzelne Sprite-Datei und deren CSS-Datei erstellt.
Grundsätzlich möchte ich Folgendes wissen:

• ist das ein Cross-Browser?
• Können die SVG-Sprites reagieren?
• nach der Erstellung des SVG Sprite, wie kann man es am besten verwenden? HTML?

Vielen Dank im Voraus!