主要プラットフォームをまとめて確認
favicon、Apple touch icon、Android アイコン、macOS Dock アイコン、Windows タスクバー表示を 1 画面でチェックできます。
iOS、macOS、ブラウザ、PWA 向けの洗練された App アイコンを作成
IconBase は 1 つのロゴから Apple 風アイコンセットを作成し、ブラウザタブ、モバイルホーム画面、macOS Dock、デスクトップ環境での見え方をすぐに確認できます。
1つのロゴから各プラットフォーム向けアイコンを生成
favicon、desktop、mobile icon をすぐに確認できます
Browser
Desktop
Mobile
ジェネレーターを試す
ロゴをアップロードし、背景と余白を調整しながら、ブラウザタブ、モバイルホーム画面、macOS Dock、Windows タスクバーでの見え方をリアルタイムに確認できます。
ライブプレビュー
同じアイコン状態をブラウザ、デスクトップ、モバイルの各モックアップに同時反映します。
ブラウザタブのプレビュー
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
macOS Dock のプレビュー
App
Windows タスクバーのプレビュー
App
10:00
モバイルホーム画面のプレビュー
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
設定と書き出し
アップロード、背景選択、角丸調整、書き出しまでを 1 つのパネルで操作できます。
画像を変更
初期状態ではサンプル画像を表示しています。実際のロゴをアップロードして確認してください。
画像調整
書き出し前にアップロード画像を細かく調整できます。
Standard Rounded
20%
22.5%
0%
中心 = 0
画像の中心を x0 y0 として、X/Y オフセットで位置を微調整します。
0%
0%
Glass Glow
ソリッド
グラデーション
Mesh と Grid
ガラス表現
パターン
グロー
Zip に含まれる内容:
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / シャープ
desktop-*.png256/1024
site.webmanifestJSON
Apple 風の背景と形状調整
角丸、グラデーション、Mesh、ガラス表現、パターンを使い、小さなサイズでも読みやすいアイコンに仕上げます。
制作に使える一括書き出し
PNG サイズ、favicon.ico、Apple touch icon、Android 用画像、maskable icon、desktop PNG、webmanifest をまとめて出力します。
IconBase の使い方
1. ロゴをアップロード
PNG、SVG、JPG、WEBP に対応し、処理はブラウザ内で完結します。
2. 余白と背景を調整
背景テンプレート、余白、角丸を調整し、各プレビュー上でバランスを確認します。
3. アイコンパックを書き出し
favicon、Apple、Android、desktop、manifest を含む zip をダウンロードします。
よくある質問
画像はサーバーにアップロードされますか？
いいえ。Canvas を使ってブラウザ内で処理するため、元画像は端末内に残ります。
書き出しには何が含まれますか？
favicon PNG、favicon.ico、apple-touch-icon.png、Android Chrome 画像、maskable icon、desktop PNG、site.webmanifest が含まれます。
Web サイト用と App 用の両方に使えますか？
はい。favicon セットにも、iOS や macOS 風 App アイコンの検討にも使えます。