アプリとダッシュボード
CRM、ブックマークページ、連携サービスの一覧、週次レポートで、各サイトのリンクの横にアイコンを表示できます。
サイトのURLを貼り付けて、ファビコンとアプリアイコンをダウンロードできます。ICO、16~512pxのPNG、Webマニフェストをまとめたファビコン一式も取得できます。
例:
ファイルをお持ちですか?
ドロップしてロゴを開く
ロゴをクリックすると、そのサイトで見つかった次のロゴに切り替えたり、ロゴを外したりできます。
リール、TikTok、YouTube向けの3Dロゴアニメーション動画、光沢のある3D画像、3Dプリント用データを、ブラウザー上で数秒で作成できます。
3ステップで
サイトの
各アイコンは
アイコンを
多くの
| アイコン | 表示される | サイズ | サイトでの |
|---|---|---|---|
| ファビコン | ブラウザーの | 16、 | rel="icon"、 |
| Apple | iPhoneと | iPhone用は | rel="apple-touch-icon" |
| Webアプリの | Androidの | 192pxと | site.webmanifestに |
| Safariの | Macの | 単色の | rel="mask-icon" |
タイル、スライド、印刷する一覧など、タブより大きく使うものには、大きなアプリアイコンが最適です。
ブラウザーは、
まずはページのhead要素。rel="icon"を指定したlinkタグがアイコンファイルを示します。多くはサイズごとに1つずつとSVGが1つで、ブラウザーは画面にいちばん合うものを選びます。
次にサイトのルート。アイコンが指定されていなければ、ブラウザーはサイトの最上位にある/favicon.icoを要求します。これは初期のInternet Explorerが導入したファビコンの置き場所です。このツールもルートの場所を確認します。
スマートフォンは専用のアイコンを読み込みます。iPhoneやiPadはAppleタッチアイコンを探し、AndroidやインストールしたWebアプリはsite.webmanifestに記載されたアイコンを読み込みます。
Googleはホームページを読み込みます。Googlebotがページとアイコンファイルの両方をクロールできれば、Googleはホームページからリンクされたアイコンを検索結果に使います。
多くの
サイトが指定するアイコンは、それぞれピクセルサイズ付きのタイルで表示されます。16、32、48pxのタブアイコン、180pxのAppleタッチアイコン、最大512pxのWebアプリのアイコン、そしてサイトにあればSVGも表示されます。
一覧や表、タブのモックアップなら、タブアイコンがそのままちょうどよいサイズです。スライドやタイル、印刷する一覧なら、512pxのアプリアイコンかSVGを選びます。Windowsのショートカットなら、いちばん大きいアイコンで「ICO」を押すと、16~256pxの全サイズを含む1つの.icoになります。
手持ちの画像からアイコンを作りますか? PNG→ICO変換ツールなら、どんなPNGやロゴも、マルチサイズの.icoとファビコン一式に変換できます。
サイトに
| ファイル | 概要 | 用途 |
|---|---|---|
| favicon.ico | 小さい | ブラウザーが |
| icon-256.ico | 16~256pxの | Windowsの |
| 16、 | 背景が | 通常の |
| 180pxの | Apple | iPhoneと |
| 192pxの | Webアプリの | Androidの |
| 512pxの | 大きい | インストール画面や |
| favicon.svg | ロゴに | SVGアイコンを |
| site.webmanifest | 小さな | Androidと |
| add-to-your-head.html | ページの | コピー&ペーストで、 |
ファビコン、SNSのプロフィール、印刷物の各サイズと表示される場所は、ファビコンとロゴのサイズガイドにまとめています。
一式の
ファイルをルートフォルダー(ホームページがある場所)に置けば、次のコードがブラウザー、スマートフォン、Googleにファイルの場所を伝えます。ファイル名は、ダウンロードした一式のものに合わせてください。
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">ホームページ作成サービスやネットショップのプラットフォームでは、代わりに「サイトアイコン」の設定があります。そこに512pxのPNGをアップロードしてください。
Googleは、検索結果でページの横に自社サイトのファビコンを表示できます。Googleのガイドラインでは、ホームページからリンクされた正方形のアイコンが求められ、48×48pxより大きいサイズが推奨されています。また、Googlebotがそのアイコンを取得できる必要があります。
ファビコンは、
CRM、ブックマークページ、連携サービスの一覧、週次レポートで、各サイトのリンクの横にアイコンを表示できます。
ブラウザーのタブ、スマートフォンのホーム画面、チームが使うツールを並べたスライドも、各サイト本来のアイコンを使えば本物らしく見えます。
自社サイトが配信しているすべてのアイコンを、明るい背景と暗い背景で大きく表示し、タブアイコン、Appleタッチアイコン、アプリアイコン、ピン留めタブアイコンのどれがあるかを確認できます。
リニューアル前にクライアントの現在のアイコンを集め、新しいロゴから作った最新のファビコン一式を納品できます。
パートナー、プラグイン、決済方法を並べたグリッドでも、小さな正方形のアイコンなら、1つずつきれいなタイルになって整然と並びます。
取引先リスト、使用ソフトの一覧、プロジェクト計画の各行に小さな正方形のアイコンを添えれば、ひと目で見分けられます。
導入企業のロゴを大きさをそろえて並べるならロゴウォール作成ツール、白い四角の上のロゴからきれいな透過アイコンを作るならロゴの背景透過ツールが便利です。
ボックスにロゴをドロップして、「ファビコン」をダウンロードします。ロゴは、どのアイコン枠にも合う正方形の中央に配置され、上記のすべてのサイズがその1つのファイルから作られます。
タブアイコンは幅わずか16ピクセルなので、社名をすべて入れるより、ロゴのシンボルや頭文字1文字のほうが読みやすくなります。「白」や「好きな色」のバージョンなら、明るい色やブランドカラーのアイコンをワンクリックで作れます。ロゴのSVG変換ツールを使えば、元になるマークのベクターも手に入ります。
開発者や
下のコードをコピーするか、「Proofscene『無料のファビコン取得ツール』proofscene.com、2026年」のように引用してください。
<a href="https://proofscene.com/ja/tools/favicon-grabber/">無料のファビコン取得ツール</a>「ファビコン取得」ツールにサイトのURLを貼り付けます。サイトのタブアイコン、Appleタッチアイコン、Webアプリのアイコン、Safariのピン留めタブアイコンを読み取り、それぞれをサイズ付きで大きく表示します。どれでもPNGやICOでダウンロードでき、ファビコン一式もまとめて取得できます。
サイトにあるいちばん大きいアイコンを選びます。Appleタッチアイコンは通常180px、Webアプリのアイコンは最大512pxで、16pxのタブアイコンよりはるかに鮮明です。どのサイズでも鮮明なSVGアイコンを持つサイトもあります。企業のロゴ全体が必要なら、Logo Finderを使ってください。
ページのhead要素が指定する場所です。linkタグが各アイコンファイルを指定し、多くは複数のサイズがあります。また多くのサイトは、サイトのルートにfavicon.icoを置き、アプリアイコンをsite.webmanifestに記載しています。このツールはそのすべてを読み取り、ページがアイコンを指定していなければ、ルートのよくある場所も確認します。
ブラウザーのタブ、ブックマーク、履歴、そしてGoogleの検索結果でページの横に表示される、サイトの小さな正方形のアイコンです。通常はロゴのシンボルや頭文字で、16ピクセルでも判別できるように描かれています。
はい。タブアイコン、Appleタッチアイコン、Webアプリのアイコン、ピン留めタブアイコンなど、サイトが指定する各アイコンが、種類とピクセルサイズ付きのタイルで表示されます。どれでもダウンロードでき、すべてをファビコン一式としてまとめて取得することもできます。
はい。このページにロゴをドロップして「ファビコン」をダウンロードすれば、favicon.ico、16~256pxの全サイズを含む.ico、16、32、48、180、192、512pxのPNG、site.webmanifest、head要素に入れるHTMLコードが手に入ります。すべてブラウザー上で作成されます。
タブアイコンはとても小さく、多くは16~48pxしかないからです。より鮮明なアイコンが必要なら、ずっと大きいAppleタッチアイコンやWebアプリのアイコンを選ぶか、Logo Finderでロゴ全体を取得してください。
はい。登録なしでサイトを検索でき、無料アカウントを作成すればさらに多く検索できます。自社ロゴからのファビコン一式の作成は、無料で何度でもできます。
このツールは役に立ちましたか?