Logos

Standard

Link Preview
logo.svg
logo250.png
logo250-grey.png
logo250-white.png
logo500.png
logo500-grey.png
logo500-white.png
logo750.png
logo750-grey.png
logo750-white.png
logo1000.png
logo1000-grey.png
logo1000-white.png
logo1500.png
logo1500-grey.png
logo1500-white.png
logo2000.png
logo2000-grey.png
logo2000-white.png

Square

Link Preview
logo-square.svg
logo-square.png
logo-square-white.png
logo-square-medium.png
logo-square-medium-white.png
logo-square-big.png
logo-square-big-white.png

Icon

Link Preview
favicon.ico
favicon.png
icon.svg
icon16.png
icon24.png
icon32.png
icon48.png
icon50.png
icon64.png
icon96.png
icon100.png
icon128.png
icon144.png
icon192.png
icon256.png

Touch icons

Android

Link Preview
touch/icon32.png
touch/icon48.png
touch/icon64.png
touch/icon96.png
touch/icon128.png
touch/icon144.png
touch/icon192.png
touch/icon256.png

Usage:

In the manifest.json file:

{
  "background_color": "#FFFFFF",
  "display": "fullscreen",
  "name": "Page name",
  "short_name": "Page short name",
  "description": "Page description",
  "start_url": ".",
  "icons": [
    { "sizes": "32x32",   "src": "/icon32.png",  "type": "image/png" },
    { "sizes": "48x48",   "src": "/icon48.png",  "type": "image/png" },
    { "sizes": "64x64",   "src": "/icon64.png",  "type": "image/png" },
    { "sizes": "96x96",   "src": "/icon96.png",  "type": "image/png" },
    { "sizes": "128x128", "src": "/icon128.png", "type": "image/png" },
    { "sizes": "144x144", "src": "/icon144.png", "type": "image/png" },
    { "sizes": "192x192", "src": "/icon192.png", "type": "image/png" },
    { "sizes": "256x256", "src": "/icon256.png", "type": "image/png" }
  ],
  "related_applications": [{ "platform": "web", "url": "" }]
}

And in the HTML page header:

<link rel="manifest" href="manifest.json">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#FFFFFF"/>
<link rel="icon" sizes="256x256" href="icon256.png">
<link rel="icon" sizes="192x192" href="icon192.png">
<link rel="icon" sizes="144x144" href="icon144.png">
<link rel="icon" sizes="128x128" href="icon128.png">
<link rel="icon" sizes="96x96" href="icon96.png">
<link rel="icon" sizes="64x64" href="icon64.png">
<link rel="icon" sizes="48x48" href="icon48.png)">
<link rel="icon" sizes="32x32" href="icon32.png)">

Apple

Link Preview
touch/icon120.png
touch/icon152.png
touch/icon167.png
touch/icon180.png

Usage:

In the HTML page header:

(...)
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#FFFF"/>
<link rel="apple-touch-icon" sizes="180x180" href="icon180.png">
<link rel="apple-touch-icon" sizes="167x167" href="icon167.png">
<link rel="apple-touch-icon" sizes="152x152" href="icon152.png">
<link rel="apple-touch-icon" sizes="120x120" href="icon120.png">

Simplicite.io

Link Preview
simplicite-io.png
simplicite-io-white.png
simplicite-io-big.png
simplicite-io-big.png
simplicite-io-square.png

SimpliciteSoftware.com

Link Preview
simplicite-software-com-black-blue-small.png
simplicite-software-com-black-blue.png
simplicite-software-com-black-green-small.png
simplicite-software-com-black-green.png
simplicite-software-com-white-blue.png

Specific

Link Preview
logo-salesforce-200x125.png
logo-googleplus-120x120.png
logo-sonar.png
logo-slack.jpg