無料 · PNG + ICO + manifest · 登録不要

ファビコンジェネレーター——あなたのブランドキットで

モノグラム入力かロゴアップロードで、フルセットのファビコン(16/32/48/180/192/512 PNG + .ico + site.webmanifest)と`<link>` HTMLスニペットを取得。ブラウザ完結、登録不要。

イニシャル自動取得:EB。下で上書き可。

代表的な4サイズのライブプレビュー
16×16
32×32
180×180
512×512
サイトの<head>にこれを貼り付け
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<link rel="manifest" href="/site.webmanifest">

Lokumaでサイト構築中?公開後、.zipの中身をサイトの`/public`フォルダにドロップし、`<link>`スニペットを`<head>`に貼り付け。

使い方

01

タイプまたはアップロード

ブランド名を入力——イニシャルを取得し、選択した色 + フォントでモノグラムをレンダリング。または既存のロゴをアップロード——高品質スムージングで各ファビコンサイズにリサイズ。

02

形状を選ぶ

四角(クラシック)、角丸(モダンフレンドリー)、円形(Apple-touch スタイル)。すべてのサイズで同じ形状を適用し視覚的一貫性。

03

ダウンロード + 配置

6つのPNG + .ico + site.webmanifest + README(`<link>`スニペット付き)が入った.zipを取得。ファイルを`/public`にドロップ、スニペットを`<head>`に貼り付け——完了。

ブランドキットの残りも必要?

ここで選んだブランドカラー + フォントは、Brand Style Guideツールが1ページPDFブランドキットに合成する同じ入力です。Lokumaビルダーへの同じハンドオフ。

Brand Style Guideを開く

よくある質問

関連ツール