なぜやるか cssスプライトと違って、 スタイルの変更がcssでできる ベクター画像なのでサイズ変更可能 retina対応のための画像を作ることが不要 色変更のために作り直すことが不要 svgブラウザ対応状況 svg - Can I use... Support tables for HTML5, CSS3, etc IE9-Edge12、Safari 5.1-6にはによる外部ファイルの参照をサポートしていません。 IEで読み込むためには、polyfillが必要です。詳細はIEに対応するで説明します。 polyfills(ポリフィル)というのは、数年前から言われている概念なので、 知っている人もいくらかいるのではないかと思いますが、 モダンブラウザで普通に出来て、レガシーブラウザで出来ない機能を、既存の技術で(あるいはそれらの組み合わせで)同等のものを提供する、という手法です。 (引用元: