favicon-checker.com
サイトをチェック
日本語
EnglishenEspañolesPortuguêsptFrançaisfrDeutschdeItalianoitPolskiplРусскийruTürkçetrBahasa Indonesiaid日本語ja한국어ko简体中文zh

figma.comのファビコン

https://www.figma.com/ · リダイレクト 1回 · 確認日

  • 27合格
  • 4警告
  • 0不足
  • 10任意

figma.comのメインのファビコンはfavicon.svgで、864 BのSVGファイルです。アイコンファイルは14件見つかり、合計は68.0 KBです。Google検索ではicon-256.png（256×256のPNGファイル（3.7 KB））を使えます。サイトのスコアは100点満点中92点で、合格27件、警告4件、不足0件です。

表示イメージ

見つかったファイルから生成しています。

Figma: The collaborative canvas for design, code, and AI
ブラウザータブ · ライト合格
Figma: The collaborative canvas for design, code, and AI
ブラウザータブ · ダーク任意

ダークテーマのタブでもアイコンが見えるか確認してください。

Figmahttps://www.figma.com
Figma: The collaborative canvas for design, code, and AI Figma is the canvas where design, code, and AI come together. From first idea to shipped product — go from concept to production with your whole team, in one place.
Google検索合格
Figma
iOSのホーム画面合格
Android · maskable合格
Figma
PWAのインストールとスプラッシュ合格

figma.comのファビコンファイル一覧

14件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO64 px16.6 KB
icon-128.pngrel="icon"PNG128×1281.9 KB
icon-192.pngrel="icon" · マニフェストPNG192×1922.8 KB
icon-256.pngrel="icon"PNG256×2563.7 KB
favicon.pngrel="icon"PNG32×32589 B
favicon.svgrel="icon"SVGベクター864 B
favicon.icorel="icon"ICO64 px16.6 KB
touch-76.pngrel="apple-touch-icon"PNG76×761.2 KB
touch-120.pngrel="apple-touch-icon"PNG120×1201.9 KB
touch-152.pngrel="apple-touch-icon"PNG152×1522.3 KB
touch-167.pngrel="apple-touch-icon"PNG167×1672.5 KB
touch-180.pngrel="apple-touch-icon"PNG180×1802.6 KB
icon-512-maskable.pngマニフェスト、maskablePNG512×5126.8 KB
icon-512.pngマニフェストPNG512×5127.6 KB

従来のファビコン

合格 5件 · 警告 1件

favicon.ico

警告
GET /favicon.ico · HTMLで宣言されていません（ルートで検出）
形式
ICO（本物）
含まれる画像
64
ファイルサイズ
16.6 KB
HTTP
200
Content-Type
image/x-icon
キャッシュ
4時間

ICOに16 pxまたは32 pxの画像がないため、ブラウザーは大きい画像を縮小して使います。

PNG 128×128

合格
<link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128">
宣言値
128×128
実際の値
128×128
形式
PNG
ファイルサイズ
1.9 KB
HTTP
200
Content-Type
image/png

PNG 192×192

合格
<link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192">
宣言値
192×192
実際の値
192×192
形式
PNG
ファイルサイズ
2.8 KB
HTTP
200
Content-Type
image/png

PNG 256×256

合格
<link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256">
宣言値
256×256
実際の値
256×256
形式
PNG
ファイルサイズ
3.7 KB
HTTP
200
Content-Type
image/png

PNG

合格
<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png">
宣言値
サイズ指定なし
実際の値
32×32
形式
PNG
ファイルサイズ
589 B
HTTP
200
Content-Type
image/png

ICO

合格
<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon">
宣言値
サイズ指定なし
実際の値
64
形式
ICO
ファイルサイズ
16.6 KB
HTTP
200
Content-Type
image/x-icon

SVGアイコン

合格 1件

SVGファビコン

合格
<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml">
正方形のviewBox
はい
ダークモード
いいえ
スクリプト
なし
ファイルサイズ
864 B
HTTP
200
Content-Type
image/svg+xml

SVG内にprefers-color-schemeのメディアクエリを追加すると、ダークテーマのブラウザーで色を切り替えられます。

Apple

合格 1件 · 任意 5件

Apple touch icon 76×76

任意
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76">
宣言値
76×76
実際の値
76×76
推奨
180×180
背景
未計測
ファイルサイズ
1.2 KB
HTTP
200

旧サイズです。現在のiOSは180 pxのアイコンを使います。

Apple touch icon 120×120

任意
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120">
宣言値
120×120
実際の値
120×120
推奨
180×180
背景
未計測
ファイルサイズ
1.9 KB
HTTP
200

旧サイズです。現在のiOSは180 pxのアイコンを使います。

Apple touch icon 152×152

任意
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152">
宣言値
152×152
実際の値
152×152
推奨
180×180
背景
未計測
ファイルサイズ
2.3 KB
HTTP
200

旧サイズです。現在のiOSは180 pxのアイコンを使います。

Apple touch icon 167×167

任意
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167">
宣言値
167×167
実際の値
167×167
推奨
180×180
背景
未計測
ファイルサイズ
2.5 KB
HTTP
200

旧サイズです。現在のiOSは180 pxのアイコンを使います。

Apple touch icon

合格
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180">
宣言値
180×180
実際の値
180×180
推奨
180×180
背景
不透過
ファイルサイズ
2.6 KB
HTTP
200
mask

Safariのピン留めタブ（mask-icon）

任意
<link rel="mask-icon" href="…" color="…"> – 見つかりません

旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。

Webアプリマニフェスト

合格 1件
json

manifest.json

合格
<link rel="manifest" href="/manifest.json?v=1">
HTTP
200
Content-Type
application/json
JSON
有効
ファイルサイズ
555 B
同一オリジン
はい
キャッシュ
30秒

マニフェストのフィールド

合格 7件 · 警告 1件 · 任意 2件
  • name
    Figma
  • short_namenameが長すぎるとき、ホーム画面で使われます。
    未設定
  • start_urlインストールしたアプリの起動時に開くページです。
    未設定
  • display
    standalone
  • theme_color
    #000000
  • background_color
    #000000
  • icons · 192×192
    PNG · 2.8 KB · 200
  • icons · 512×512
    PNG · 7.6 KB · 200
  • icons · purpose: maskable
    512×512
  • id
    未設定

Google検索

合格 6件
  • 対応しているファイル形式
    PNG · icon-256.png
  • 正方形で8×8 px以上
    256×256
  • 48×48 pxより大きい
    256 px
  • トップページで宣言されている
    はい
  • robots.txtでブロックされていない
    許可
  • URLが安定している
    リダイレクトなし

メタタグと旧仕様

合格 1件 · 任意 3件
  • theme-color
    #ffffff
  • ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"
    未設定
  • msapplication-TileColorWindowsのタイル用。旧仕様です。
    未設定
  • browserconfig.xmlWindowsのタイル用。旧仕様です。
    なし

配信とパフォーマンス

合格 5件 · 警告 2件
  • すべてのアイコンがHTTPS
    14件中14件
  • 混在コンテンツなし
    http://リンク 0件
  • リンク切れなし
    エラー 0件
  • キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。
    14件中0件 · 1日以上
  • アイコンの合計容量
    68.0 KB
  • リダイレクト
    0
  • 重複するタグ同じサイズを宣言するrel="icon"タグが複数あり、ブラウザーは最後のものを使います。
    2 × サイズ指定なし

<head>内のアイコンタグ

<link rel="manifest" href="/manifest.json?v=1">
<link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128">
<link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192">
<link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256">
<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png">
<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml">
<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76">
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120">
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152">
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167">
<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180">
<meta name="theme-color" content="#ffffff">

figma.comのファビコンに関するQ&A

figma.comのファビコンはどこにありますか？

メインのファビコンはhttps://static.figma.com/app/icon/2/favicon.svgにあります。既定のパスhttps://www.figma.com/favicon.icoからもアイコンが返されます。

figma.comのファビコンのサイズは？

favicon.svgはベクターファイルなので、どのサイズにも拡大縮小できます。サイト内で最も大きいラスターアイコンはicon-512-maskable.pngで、512×512 pxです。

Google検索でfigma.comのファビコンは表示されますか？

サイトはGoogleの条件を満たしています。icon-256.pngは256×256のPNGファイル（3.7 KB）で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。

figma.comにApple touch iconとmaskableアイコンはありますか？

Apple touch iconは180×180です。マニフェストにmaskableアイコンがあります。

ほかのファビコンレポート

チェック済みサイト一覧