作っているものに合わせた、最適な favicon ジェネレーター
どのジェネレーターもアイコンを書き出せます。違いを生むのは、出力があなたのスタックに合うかどうかです。App Router が解決できるファイル、AI ビルダーが実行できるインストール手順、無料ツールが有料化しがちな manifest など。作っているものを選ぶと、そこで本当に重要な基準がわかります。
AI ビルダー
Lovable は数回のプロンプトでアプリ全体を生成しますが、タブにはデフォルトのアイコンが残ったままです。ファイルシステムを直接触ることがないため、Lovable に合うツールとは、ライブプレビュー URL から動作し、エージェントが実行できるインストール手順を返してくれるものです。
ガイドを読むv0 は Next.js App Router のプロジェクトを生成します。これは link タグではなく app ディレクトリ内のファイルからアイコンを解決します。v0 に合うジェネレーターとは、エクスポートがその規約にそのまま収まるものです。
ガイドを読むBolt.new はブラウザ内の WebContainer でアプリ全体を立ち上げ、デフォルトのアイコンもそのままに素早く公開します。Bolt に合うジェネレーターは、プレビュー URL から動作し、デプロイ前にコミット可能なセットを提供します。
ガイドを読むCursor は自分のマシン上の実際のリポジトリで作業するため、ホスト型ビルダーとは違い、ファイルをそのまま配置できます。合うジェネレーターとは、それらのファイルに加えて、エージェントが実行してコミットするインストール手順を生成するものです。
ガイドを読むReplit Agent はアプリのビルドとホスティングをまとめて行うため、ライブ URL は早い段階で手に入りますが、編集は Replit 独自のワークスペース内で行います。合うジェネレーターは、その URL を読み取り、UI にドラッグするのではなくエージェント経由でインストールするファイルを返します。
ガイドを読むフレームワーク
Next.js は手書きの link タグを使いません。App Router は app ディレクトリから icon、apple-icon、favicon という名前のファイルを読み込み、ビルド時にマークアップを挿入します。適切なジェネレーターは、まさにそれらのファイルを渡してくれます。
ガイドを読む素の React アプリ(Vite や Create React App)には、アイコンの組み込み規約がありません。ファイルを public フォルダに置き、link タグを自分で index.html に書きます。適切なジェネレーターはその両方を渡してくれるので、推測に頼る部分が残りません。
ガイドを読むユースケース
無料のファビコンツールは数多くあります。問題は、無料が何を省いているかです。使う価値のあるジェネレーターは、最新のセット全体をエクスポートし、ロゴ・画像・絵文字・ライブ URL から動作し、manifest や大きめのサイズを有料の壁で隠したりしません。
ガイドを読む