figma.com favicon
- 27passed
- 4warnings
- 0missing
- 10optional
The main favicon of figma.com is favicon.svg, an SVG file of 864 B. We found 14 icon files, 68.0 KB in total. Google Search can use icon-256.png, a 256×256 PNG file (3.7 KB). The site scores 92 out of 100: 27 passed, 4 warnings, 0 missing.
How it looks
Rendered from the files we found.
Check that the icon stays visible on a dark tab.
All favicon files of figma.com
14 found| File | Found through | Format | Size | Weight |
|---|---|---|---|---|
| favicon.ico | default path | ICO | 64 px | 16.6 KB |
| icon-128.png | rel="icon" | PNG | 128×128 | 1.9 KB |
| icon-192.png | rel="icon" · manifest | PNG | 192×192 | 2.8 KB |
| icon-256.png | rel="icon" | PNG | 256×256 | 3.7 KB |
| favicon.png | rel="icon" | PNG | 32×32 | 589 B |
| favicon.svg | rel="icon" | SVG | vector | 864 B |
| favicon.ico | rel="icon" | ICO | 64 px | 16.6 KB |
| touch-76.png | rel="apple-touch-icon" | PNG | 76×76 | 1.2 KB |
| touch-120.png | rel="apple-touch-icon" | PNG | 120×120 | 1.9 KB |
| touch-152.png | rel="apple-touch-icon" | PNG | 152×152 | 2.3 KB |
| touch-167.png | rel="apple-touch-icon" | PNG | 167×167 | 2.5 KB |
| touch-180.png | rel="apple-touch-icon" | PNG | 180×180 | 2.6 KB |
| icon-512-maskable.png | manifest, maskable | PNG | 512×512 | 6.8 KB |
| icon-512.png | manifest | PNG | 512×512 | 7.6 KB |
Classic favicon
5 passed · 1 warningfavicon.ico
WarningGET /favicon.ico · not declared in HTML (found at the root)
- Format
- ICO (real)
- Contains
- 64
- File size
- 16.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 hours
The ICO has no 16 or 32 px image, so browsers scale a bigger one down.
PNG 128×128
Passed<link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128">
- Declared
- 128×128
- Actual
- 128×128
- Format
- PNG
- File size
- 1.9 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
Passed<link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192">
- Declared
- 192×192
- Actual
- 192×192
- Format
- PNG
- File size
- 2.8 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 256×256
Passed<link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256">
- Declared
- 256×256
- Actual
- 256×256
- Format
- PNG
- File size
- 3.7 KB
- HTTP
- 200
- Content-Type
- image/png
PNG
Passed<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png">
- Declared
- no sizes
- Actual
- 32×32
- Format
- PNG
- File size
- 589 B
- HTTP
- 200
- Content-Type
- image/png
ICO
Passed<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon">
- Declared
- no sizes
- Actual
- 64
- Format
- ICO
- File size
- 16.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVG icon
1 passedSVG favicon
Passed<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml">
- Square viewBox
- yes
- Dark mode
- no
- Scripts
- none
- File size
- 864 B
- HTTP
- 200
- Content-Type
- image/svg+xml
Add a prefers-color-scheme media query in the SVG to switch colors for dark browser themes.
Apple
1 passed · 5 optionalApple touch icon 76×76
Optional<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76">
- Declared
- 76×76
- Actual
- 76×76
- Recommended
- 180×180
- Background
- not measured
- File size
- 1.2 KB
- HTTP
- 200
Legacy size. Current iOS uses the 180 px icon.
Apple touch icon 120×120
Optional<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120">
- Declared
- 120×120
- Actual
- 120×120
- Recommended
- 180×180
- Background
- not measured
- File size
- 1.9 KB
- HTTP
- 200
Legacy size. Current iOS uses the 180 px icon.
Apple touch icon 152×152
Optional<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152">
- Declared
- 152×152
- Actual
- 152×152
- Recommended
- 180×180
- Background
- not measured
- File size
- 2.3 KB
- HTTP
- 200
Legacy size. Current iOS uses the 180 px icon.
Apple touch icon 167×167
Optional<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167">
- Declared
- 167×167
- Actual
- 167×167
- Recommended
- 180×180
- Background
- not measured
- File size
- 2.5 KB
- HTTP
- 200
Legacy size. Current iOS uses the 180 px icon.
Apple touch icon
Passed<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180">
- Declared
- 180×180
- Actual
- 180×180
- Recommended
- 180×180
- Background
- opaque
- File size
- 2.6 KB
- HTTP
- 200
Safari pinned tab (mask-icon)
Optional<link rel="mask-icon" href="…" color="…"> – not found
Legacy. Safari 12+ uses the regular favicon, so this is no longer required.
Web app manifest file
1 passedmanifest.json
Passed<link rel="manifest" href="/manifest.json?v=1">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- valid
- File size
- 555 B
- Same origin
- yes
- Cache
- 30 s
Manifest fields
7 passed · 1 warning · 2 optional- nameFigma
- short_nameUsed on the home screen when name is too long.not set
- start_urlThe page that opens when the installed app starts.not set
- displaystandalone
- theme_color#000000
- background_color#000000
- icons · 192×192PNG · 2.8 KB · 200
- icons · 512×512PNG · 7.6 KB · 200
- icons · purpose: maskable512×512
- idnot set
Google search
6 passed- Supported file formatPNG · icon-256.png
- Square, at least 8×8 px256×256
- Larger than 48×48 px256 px
- Declared on the homepageyes
- Not blocked by robots.txtallowed
- Stable URLno redirects
Meta & legacy
1 passed · 3 optional- theme-color#ffffff
- theme-color for dark modemedia="(prefers-color-scheme: dark)"not set
- msapplication-TileColorWindows tiles, legacy.not set
- browserconfig.xmlWindows tiles, legacy.not found
Delivery & performance
5 passed · 2 warnings- HTTPS for every icon14 of 14
- No mixed content0 http:// links
- No broken links0 errors
- Cache headersIcons rarely change; cache them for at least a day.0 of 14 · ≥ 1 day
- Total icon weight68.0 KB
- Redirects0
- Duplicate tagsSeveral rel="icon" tags declare the same size, and browsers use the last one.2 × no sizes
Icon tags found in <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">
Questions about the figma.com favicon
Where is the figma.com favicon?
The main one is at https://static.figma.com/app/icon/2/favicon.svg. The default path, https://www.figma.com/favicon.ico, also returns an icon.
What size is the figma.com favicon?
favicon.svg is a vector file, so it scales to any size. The largest raster icon on the site is icon-512-maskable.png at 512×512 px.
Can Google Search show the figma.com favicon?
The site meets Google's rules: icon-256.png is a 256×256 PNG file (3.7 KB) and robots.txt allows it. Google still decides what it shows.
Does figma.com have an Apple touch icon and a maskable icon?
The Apple touch icon is 180×180. The manifest includes a maskable icon.