mochotomochotoロゴ
アイコン生成

テキスト、アイコン、または画像からサイトアイコンを作成できます。 ブラウザ上で完結するため、データは外部に送信されません。

AB
AB

16×16

AB

32×32

AB

48×48

AB

180×180

アイコン生成ツールについて

このツールは、Webサイトのアイコン（ファビコン、Apple Touch Icon、PWAアイコンなど）を簡単に作成できる無料オンラインツールです。 テキスト、アイコン、既存の画像から、複数サイズのアイコンを一括生成できます。

主な機能

  • テキストモード: イニシャルや短いテキストからアイコンを作成
  • アイコンモード: 16種類のアイコンから選択してサイトアイコンを作成
  • 画像モード: 既存の画像をアイコンサイズにリサイズ
  • 複数サイズ出力: 16×16から512×512まで、6種類のサイズをサポート
  • SVG + PNG形式: ベクター形式のSVGと各サイズのPNGをダウンロード可能

使い方

  1. モード（テキスト、アイコン、画像）を選択
  2. テキストや色、形状などをカスタマイズ
  3. リアルタイムプレビューで確認
  4. 必要なサイズのボタンをクリックしてダウンロード

各サイズの用途

  • 16×16, 32×32: ブラウザのタブ表示用（標準およびRetina）
  • 48×48: Windowsタスクバーやショートカット用
  • 180×180: Apple Touch Icon（iOSホーム画面追加時）
  • 192×192: Android Chrome用アイコン
  • 512×512: PWA（Progressive Web App）用アイコン

HTMLへの設定方法

ダウンロードしたアイコンをWebサイトに設定するには、HTMLの<head>タグ内に以下のようなコードを追加します：

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">

プライバシーとセキュリティ

すべての処理はブラウザ上で実行されます。アップロードした画像やデータがサーバーに送信されることはありませんので、安心してご利用いただけます。