How to work with SVG icons

There are many ways to use SVG icons in HTML and CSS, and I haven’t tried them all. This is how we do it in our small front-end team at Kaliop. It works well for our needs, which include: Content and communication websites, often based on big CMSes, rather than full-JS web apps. Icons which are often simple, single-color icons (each potentially used in several different colors depending on context

[efcl]

SVGアイコンについての実践的な解説。 CSSスプライトのようにSVGスプライトを使う方法、インラインSVGと外部SVGを読み込み違いや対応ブラウザ/polyfillについてなど。 またCSSからSVGのスタイルを変更する方法やSafariの問題など

[oki448jp]

SVGをアイコンとして使うにはどうするか、について細かく書かれた良記事

[rikuo]

SVGをアイコンとして使う際の方法について丁寧にまとめられた記事。外部ファイル参照に未対応なブラウザの問題やそれに対するPolyfill、さらにはCSS custom propertiesを使った多色アイコンの手法についても。