あらゆるサイトのファビコンをダウンロード

サイトのURLを貼り付けて、ファビコンとアプリアイコンをダウンロードできます。ICO、16⁠~⁠512pxのPNG、Webマニフェストをまとめたファビコン一式も取得できます。

例:

ファイルをお持ちですか?

  • 無料・登録不要
  • .icoと16⁠~⁠512pxのPNG
  • Appleタッチアイコン
  • Webアプリマニフェスト

自社ロゴ 3D版

3Dロゴを作成中…
0:00

ロゴをドラッグして回してみてください。

アニメーション

背景

仕上げ

色と形

色

エッジ

厚み

サウンド

エンドカード

プレビューは無料です。無料アカウントでダウンロードできます。

サイトのファビコンを取得する方法

3ステップで完了します。ブラウザーの拡張機能も、コードも、アカウントも不要です。

  1. サイトのURLを貼り付ける

    サイトのURLを入力するか貼り付けて、検索を始めます。このツールは、サイトが指定しているすべてのアイコンを読み取ります。ブラウザーのタブアイコン、iPhoneのホーム画面アイコン、Webアプリのアイコン、Safariのピン留めタブアイコンです。

  2. アイコンを選ぶ

    各アイコンは大きく表示され、種類とピクセルサイズがわかりやすい言葉で添えられます。アイコンではなく、ロゴ全体が必要ですか? Logo Finderなら企業のロゴ全体をダウンロードできます。

  3. 個別に、または一式でダウンロード

    アイコンをPNGまたはSVGで保存するか、「⁠ICO」を押して16⁠~⁠256pxの全サイズを含む1つの.icoを取得できます。ファビコン一式をダウンロードすれば、16、32、48、180、192、512pxのPNG、.icoファイル、site.webmanifestが1つのZIPにまとめて届きます。

サイトにはどんなアイコンがありますか?

多くのサイトは、表示する場所ごとに作られた最大4種類のアイコンを持っています。このツールはそのすべてを見つけるので、いちばん鮮明なものを選べます。

アイコン表示される場所サイズサイトでの指定方法
ファビコンブラウザーのタブ、ブックマーク、履歴、Googleの検索結果でサイト名の横16、32、48pxなどの小さな正方形。検索結果用にはGoogleが48×48pxより大きいサイズを推奨rel="icon"、または/favicon.icoファイル
AppleタッチアイコンiPhoneとiPadのホーム画面iPhone用は180×180px(AppleのSafari Webコンテンツガイドに記載、アーカイブ版)rel="apple-touch-icon"
WebアプリのアイコンAndroidのホーム画面、インストールしたWebアプリとそのスプラッシュ画面192pxと512px。Webアプリをインストールするには、Chromium系ブラウザーでは両方が必要site.webmanifestに記載
Safariのピン留めタブアイコンMacのSafariのピン留めタブ単色のSVG。どのサイズでも鮮明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とファビコン一式に変換できます。

ファビコン一式の中身は?

サイトに必要なすべてのアイコンファイルを、1つのアイコンやロゴから作成し、一度にダウンロードできます。

ファイル概要用途
favicon.ico小さいサイズをまとめた1つのアイコンファイルブラウザーがサイトに/favicon.icoとして要求するファイルです。ICOなら1つのファイルに複数のアイコンを収められます。
icon-256.ico16⁠~⁠256pxの全サイズを含む1つのアイコンファイルWindowsのショートカット、フォルダー、アプリのアイコン。タイトルバーからスタートメニューまで鮮明に表示
16、32、48pxのPNG背景が透明な、小さい正方形のPNG通常の画面と高解像度の画面での、ブラウザーのタブ、ブックマーク、ショートカット
180pxのPNGAppleタッチアイコンiPhoneとiPadのホーム画面
192pxのPNGWebアプリのアイコンAndroidのホーム画面と、インストールしたWebアプリ
512pxのPNG大きいWebアプリのアイコンインストール画面やスプラッシュ画面など、大きな正方形のアイコンが必要なあらゆる場所
favicon.svgロゴにベクターデータがあるときの、ベクター形式のアイコンSVGアイコンを読み込めるブラウザーで、どのサイズのタブでも鮮明に表示
site.webmanifest小さなテキストファイルAndroidとインストールしたWebアプリに、192pxと512pxのアイコンの場所を伝える
add-to-your-head.htmlページのhead要素に入れるコードコピー&ペーストで、すべてのアイコンを一度にリンク

ファビコン、SNSのプロフィール、印刷物の各サイズと表示される場所は、ファビコンとロゴのサイズガイドにまとめています。

サイトにファビコンを設定するには?

一式のファイルをサイトのメインフォルダーにコピーし、各ページのhead要素に4行を追加します。

ファイルをルートフォルダー(ホームページがある場所)に置けば、次のコードがブラウザー、スマートフォン、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タッチアイコンやアプリアイコンもダウンロードできますか?

はい。タブアイコン、Appleタッチアイコン、Webアプリのアイコン、ピン留めタブアイコンなど、サイトが指定する各アイコンが、種類とピクセルサイズ付きのタイルで表示されます。どれでもダウンロードでき、すべてをファビコン一式としてまとめて取得することもできます。

自社ロゴからファビコン一式を作れますか?

はい。このページにロゴをドロップして「ファビコン」をダウンロードすれば、favicon.ico、16⁠~⁠256pxの全サイズを含む.ico、16、32、48、180、192、512pxのPNG、site.webmanifest、head要素に入れるHTMLコードが手に入ります。すべてブラウザー上で作成されます。

ファビコンを拡大するとぼやけるのはなぜですか?

タブアイコンはとても小さく、多くは16⁠~⁠48pxしかないからです。より鮮明なアイコンが必要なら、ずっと大きいAppleタッチアイコンやWebアプリのアイコンを選ぶか、Logo Finderでロゴ全体を取得してください。

「ファビコン取得」ツールは無料ですか?

はい。登録なしでサイトを検索でき、無料アカウントを作成すればさらに多く検索できます。自社ロゴからのファビコン一式の作成は、無料で何度でもできます。

このツールは役に立ちましたか?

印刷するあらゆるものに、自社ロゴを3Dで

Proofsceneは校正PDFを、自社ブランドのリンクで見られるインタラクティブな3D校正に変えます。お客様は、カード、パッケージ、リストバンドを製造前に確認できます。

無料アカウント · クレジットカード不要 · 印刷のプロが開発