SVG triangle of compromise (resolved) https://me.micahrl.com/blog/svg-triangle-of-compromise/

SVG 画像に CSS からスタイル設定させたい時、<svg> 要素を直接 HTML に埋め込む以外のやり方としては、SVG ファイルの <symbol id="id"> を HTML 内の <use href="foo.svg#id"> から参照する方法しかないと思っていたけれど、<iframe> を使う方法もあったか。
まあでも ID 管理の問題を考えなければならない点を除けば <use> を使う方が順当かな……。