faviconやらapple-touch-iconやらいろいろ必要なアイコンが多い問題 開発環境と本番でfaviconを区別して事故を防ぎたい問題 ……などの話題がアイコン界隈にはあります。 SVGを使ってどちらも解決してみよう! のコーナーです。 必要なアイコンを生成する icon-genというnpmパッケージを使うとSVGからicoやらpngが生成できます。便利。 こういうかんじ: const results = await icongen(variant.src, destPath, { favicon: { sizes: [180, 192], }, }) 開発環境ごとにfaviconを変える ↑でSVGからico/pngを生成するグッズを手に入れたので、ソースのSVGを環境ごとに変えればよさそう。 こういうかんじ: const generateVariantSource = (v